如何以交互方式降低（或停止）jQuery滑块的滑动速度？

我想放慢速度，当鼠标指针悬停在幻灯片上时，最终停止幻灯片放映

以下是我到目前为止的脚本：

$(document).ready(function(){    
    $('#slideshow').cycle({    
        fx:     'fade',    
        speed:  'fast',    
        timeout: 1000,    
        pager:  '#slider_nav',    
        pagerAnchorBuilder: function(idx, slide) {    
            // return sel string for existing anchor    
            return '#slider_nav li:eq(' + (idx) + ') a';
        }
    });
});

---

这是我正在工作的网站：。如果您访问该网站，我说的是最靠近页面顶部的幻灯片放映。

我猜您使用的是jQuery Cycle插件，因此我在这里查看“初学者演示”：

从上面的页面：

“速度”选项定义从一张幻灯片转换到下一张幻灯片所需的毫秒数

要在鼠标经过时暂停，请阅读该页上的#4

看起来您需要包括此选项：

pause:  1 

因此，您的代码最终将看起来像这样：

$(document).ready(function(){

    $('#slideshow').cycle({

        fx:     'fade',

        speed:  '1000', // This is 1000 mili-seconds, or 1 second

        pause:  1,            

        timeout: 1000,

        pager:  '#slider_nav',

        pagerAnchorBuilder: function(idx, slide) {

            // return sel string for existing anchor

            return '#slider_nav li:eq(' + (idx) + ') a';
        }
    });
});

使用：

---

使用这些设置可以在悬停时减慢和暂停滑块

$(document).ready(function(){

    $('#slideshow').cycle({

        fx:     'fade', 
        speed:   300, 
        timeout: 3000, 
        pause:   1

    });

});

---

希望这有帮助。

-1表示零努力。也许我不明白这个问题。。。您正在询问“如何降低速度”，而

速度：

参数（设置为

'fast'

）就在您提供的代码中，非常简单。您是否已尝试将其更改为

“慢速”

？至于问题的第二部分，您是否至少阅读了插件的文档？

$(document).ready(function(){

    $('#slideshow').cycle({

        fx:     'fade', 
        speed:   300, 
        timeout: 3000, 
        pause:   1

    });

});