Question

我可以让标签自动旋转，并在鼠标悬停时暂停，但是当鼠标移出时似乎无法再次启动它们。 “fadeInSpeed”是否正确完成？请看一下，看看你是否可以提供帮助，非常感谢！非常高兴看到jQueryTools再次表现良好！

$(function() {
    var rotateDelay = 3500;
    var rotateTabs=true;
    var $tabItems = $('#flowtabs li a').hover(function(){
    rotateTabs=false;
});

var tabs = $("ul#flowtabs").tabs('#flowpanes > div', {api:true, effect:'fade', fadeInSpeed: 100, rotate: true});

function doRotateTabs(){
    if (rotateTabs) {
        setTimeout(function(){
            if (!rotateTabs) return;
            if(tabs.getIndex() == $tabItems.length-1){
                tabs.click(0);
    }
    else {
        tabs.next();
    }
    doRotateTabs();
    }, rotateDelay);
  }
}
doRotateTabs();
});

Answer 1

你有没有解决过这个问题

为什么要编写自己的代码以使其自动播放我只是通过了sideshow的配置并且它可以工作。鼠标悬停似乎暂停，就像魅力一样。

我的代码低于

$(function() {
$(".slidetabs").tabs(".images > div", {

// enable "cross-fading" effect

effect: 'fade',
fadeOutSpeed: "slow",

// start from the beginning after the last tab
rotate: true

// use the slideshow plugin. It accepts its own configuration
}).slideshow({

    autoplay: 'true'

    });


});

我希望这有助于Adity Bajaj

jQuery工具选项卡自动旋转（完成）并在鼠标悬停时暂停（完成）恢复需要帮助！

1 个答案: