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

发布于 2024-10-18 15:28:20 字数 725 浏览 5 评论 0原文

我可以让选项卡自动旋转，并在悬停时暂停，但当您将鼠标移出时，似乎无法再次启动它们。另外，“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();
});

原文

I can get the tabs to auto rotate, and pause on hover, but can't seem to get them started again when you mouse out. Also, is "fadeInSpeed" done correctly? the Please take a look and see if you can help, it's much appreciated! Really glad to see jQueryTools doing well again!

$(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();
});

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

生生不灭 2024-10-25 15:28:20

你解决过这个问题吗？

为什么你要编写自己的代码来使其自动播放我刚刚通过了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 有帮助

Did you ever solve this problem

Why are you writing your own code to make it auto play I just passed the configuration for sideshow and it works. It seems to be pausing on mouse over and works like a charm.

My code is below

$(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'

    });


});

I hope this helps Adity Bajaj

回复收藏 0 原文

~没有更多了~