我正在为我的网站制作Slider。这一切都运作良好,但我想让它加速,当我将鼠标悬停在左右两个按钮上时。我还无法弄清楚如何让它发挥作用。 插件网站: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>