jquery滚动条，在鼠标上方工作，不点击面板链接

我正在寻找一个类似于jcarousel的滚动条，但它可以在鼠标上改变面板，而不是点击外部链接

e、 g

主导航=家庭-关于-服务

鼠标悬停在主页上，滚动至主页面板等

任何人都知道我可以下载一个，你可以使用它，它添加下一个和上一个图标，并给它们一个类

jcarousel next

和

jcarousel prev

，你可以添加一个，通过检查类

jcarousel next disabled

来检查图标是否被禁用，然后对悬停在上面的物品发射一颗子弹

$(document).ready(function(){
    $('#mycarousel').jcarousel();

    $('.jcarousel-next').mouseover(function(){
        if(!$(this).hasClass("jcarousel-next-disabled"))
            $(this).click();
    });

    $('.jcarousel-prev').mouseover(function(){
        if(!jQuery(this).hasClass("jcarousel-prev-disabled"))
            $(this).click();
    });
});

参见一个简单的工作示例

---

若你们真正想要的是面板上显示的数据，比如页面，那个么这里有很多例子：看到它工作了吗

或者，您可以使用，并为鼠标添加一个小开关-它已经支持动画，

您可以使用，它添加下一个和上一个图标，并为它们提供一个类

jcarousel next

和

jcarousel prev

，您可以添加，通过检查类

jcarousel next disabled

，然后在您悬停的项目上触发一个按钮，检查图标是否未被禁用

$(document).ready(function(){
    $('#mycarousel').jcarousel();

    $('.jcarousel-next').mouseover(function(){
        if(!$(this).hasClass("jcarousel-next-disabled"))
            $(this).click();
    });

    $('.jcarousel-prev').mouseover(function(){
        if(!jQuery(this).hasClass("jcarousel-prev-disabled"))
            $(this).click();
    });
});

参见一个简单的工作示例

---

若你们真正想要的是面板上显示的数据，比如页面，那个么这里有很多例子：看到它工作了吗

---

或者，您可以使用，并为鼠标添加一个小开关-它已经支持动画，

感谢scoobler我喜欢动画选项卡式内容，这是我试图实现的，但使用jcarousel。我想我用错脚本了！我遇到的问题是，jcarousel和顶部的页面链接如果你快速移动鼠标，它将无法完成上一个动画或启动下一个动画。没有问题，Adam，听起来你确实在尝试调整jcarousel来完成你想要的工作，但动画选项卡式内容似乎更像是专为完成你想要的任务而设计的。很高兴能得到一些帮助！感谢scoobler，我喜欢动画选项卡式内容，这就是我试图通过jcarousel实现的目标。我想我用错脚本了！我遇到的问题是，jcarousel和顶部的页面链接如果你快速移动鼠标，它将无法完成上一个动画或启动下一个动画。没有问题，Adam，听起来你确实在尝试调整jcarousel来完成你想要的工作，但动画选项卡式内容似乎更像是专为完成你想要的任务而设计的。很高兴能得到一些帮助！