我正在为我的网站制作一个滑块。一切都很好,但是当我将鼠标悬停在左右两个按钮上时,我希望它加快速度。我还不知道如何使它工作。插件站点: http: //logicbox.net/jquery/simplyscroll/
注意:我需要类似自动按钮和该网站上显示的按钮的组合。
HTML:
<ul id="scroller">
<li><img src="http://logicbox.net/jquery/simplyscroll/assets/20080514_JYW68XPT_tb.jpg" width="290" height="200" alt="Firehouse"></li>
<li><img src="http://logicbox.net/jquery/simplyscroll/assets/20080514_JYW68XPT_tb.jpg" width="290" height="200" alt="Chloe nightclub"></li>
<li><img src="http://logicbox.net/jquery/simplyscroll/assets/20080514_JYW68XPT_tb.jpg" width="290" height="200" alt="Firehouse bar"></li>
<li><img src="http://logicbox.net/jquery/simplyscroll/assets/20080514_B1YJ08B6_tb.jpg" width="290" height="200" alt="Firehouse chloe club fishtank"></li>
<li><img src="http://logicbox.net/jquery/simplyscroll/assets/20080514_JYW68XPT_tb.jpg" width="290" height="200" alt="Firehouse restaurant"></li>
<li><img src="http://logicbox.net/jquery/simplyscroll/assets/20080608_38CG51J2_tb.jpg" width="290" height="200" alt="Firehouse"></li>
</ul>
JS:
<script type="text/javascript">
(function($) {
$(function() {
$("#scroller").simplyScroll({pauseOnHover: true});
});
})(jQuery);
</script>