自动滑块加速按钮悬停[simplyScroll v2]

时间:2014-08-07 10:21:45

标签: javascript jquery html css simplyscroll

我正在为我的网站制作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>

0 个答案:

没有答案