Question

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

例如

main nav = home - about - services

鼠标悬停在主页滚动到主页面板等

任何人都知道我可以下载

Answer 1

您可以只使用jcarousel，它会添加下一个和上一个图标并为其提供课程jcarousel-next和jcarousel-prev，您可以添加.mouseover()，查看图标尚未通过检查课程jcarousel-next-disabled禁用，然后在您悬停的项目上触发.click()。

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

查看简单的工作示例here

如果您真正关注的是面板显示数据（如网页），则有很多示例：Animated tabbed content with jQuery看到它正常工作here

或者您可以使用jQuery UI .tabs()并为鼠标添加一点切换功能 - 它已经支持动画，see an example

jquery滚动条适用于鼠标而不是单击面板链接

1 个答案: