Question

如果有人可以帮助解决一些JavaScript代码，我将不胜感激。我有一个内容滑块，可以在这里找到： -

这很好但我想更改以下代码，以便在悬停时暂停。有什么想法吗？

<script type="text/javascript">
$(document).ready(function(){
    $("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
});

先谢谢你的帮助。

亲切的问候

乔纳森

Answer 1

您正在寻找的是stop方法。有点像：

$(".ui-tabs-panel").mouseover(function(e) {
    if($(this).is(':animated')) {
        $(this).stop();
    }
});

Answer 2

看起来你正在使用jQuery.UI。以下是我过去使用相同库（由this tutorial提供）的方式：

$(document).ready(function(){  
    $("#featured").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);  
    $("#featured").hover(  
        function() {  
            $("#featured").tabs("rotate",0,true);  
        },  
        function() {  
            $("#featured").tabs("rotate",5000,true);  
        }  
    );  
});

强制jQuery内容滑块在悬停时暂停

2 个答案: