0

Thomas Kahn による Smoothdivscroll プラグインを使用しています。タグと画像の組み合わせがあり、

タグ。Firefox ではスクロール速度をいくらか制御できますが、IE 9 では遅くする方法が見つかりません。それも少し散発的です。IE 9 でよりスムーズに、より遅くする方法について何か考えはありますか? 以下の私のコードを見つけてください...そしてありがとう...

<?php 
session_start();
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet" href="/css/TEST.css" type="text/css">
<link rel="stylesheet" href="/css/videoCarousel.css" type="text/css">
<link rel="stylesheet" href="/css/tabs.css" type="text/css">
<link rel="Stylesheet" href="/css/smoothDivScroll.css" type="text/css">

<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1" >
<meta name="keywords" content="financial, advisor, money manager">
<!--<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>-->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>

<script src="/js/jquery-ui-1.8.18.custom.min.js" type="text/javascript"></script>
<script src="/js/jquery.smoothdivscroll-1.2-min.js" type="text/javascript"></script>
<script src="/js/jquery.mousewheel.min.js" type="text/javascript"></script>
<script type="text/javascript" src="/js/jcarouselliteNEW.js"></script>
<script type="text/javascript">
$(document).ready(function() {

//js for tabs
var tabContents = $(".tab_content").hide(), 
tabs = $("ul.tabs li");

tabs.first().addClass("active").show();
tabContents.first().show();

tabs.click(function() {
    var $this = $(this), 
        activeTab = $this.find('a').attr('href');

    if(!$this.hasClass('active')){
        $this.addClass('active').siblings().removeClass('active');
        tabContents.hide().filter(activeTab).fadeIn();
    }

    return false;
});//end tabs function

}); //end dom
</script>
</head> 
<body> 
<div id="container">
<div id="tickerTape">
    <a href="http://audio.wrko.com/wrko/financial-exchange.htm" target="_blank"><img src="/images/financialExchange.png" width="300px" height="21px" alt="Listen to Barry live" id="fiEx" /></a>
    <a href="http://audio.wrko.com/wrko/financial-exchange.htm" target="_blank"><p>with Barry Armstrong...Click here to LISTEN LIVE 9-11am...</p></a>
    <a href="http://audio.wrko.com/wrko/financial-exchange.htm" target="_blank"><img src="/images/wrkoLogoNoTxt.png" width="65px" height="24px" alt="Listen to Barry live" /></a>
    <a href="http://audio.wrko.com/wrko/financial-exchange.htm" target="_blank"><img src="/images/financialExchange.png" width="300px" height="21px" alt="Listen to Barry live" id="fiEx" /></a>
    <a href="http://audio.wrko.com/wrko/financial-exchange.htm" target="_blank"><p>with Barry Armstrong...Click here to LISTEN LIVE 9-11am...</p></a>
    <a href="http://audio.wrko.com/wrko/financial-exchange.htm" target="_blank"><img src="/images/wrkoLogoNoTxt.png" width="65px" height="24px" alt="Listen to Barry live" /></a>

</div><!--end tickerTape-->
</div><!--end container-->
<script type="text/javascript">

$("#tickerTape").smoothDivScroll({ 
autoScrollingMode: "always",
hotSpotScrolling:false,
mousewheelScrolling:false,
autoScrollDirection: "endlessloopright",
autoScrollInterval:5, 
autoScrollStep:7 
}); //end tickerTape

// tickerTape event handlers
$("#tickerTape").bind("mouseover", function() {
$(this).smoothDivScroll("stopAutoScrolling");
}).bind("mouseout", function() {
$(this).smoothDivScroll("startAutoScrolling");
});

</script>

</body> 
</html>
4

0 に答える 0