Question

我的菜单将使用ul li基于My SQL DATABASE显示。目前网站上有六个菜单。当我将菜单增加到六个以上时，它必须在滚动状图像滑块中显示前一个和下一个按钮选项。这样菜单就会水平滚动。

重要的一点是，只有当菜单增加超过六个时，才能看到下一个按钮。否则，不应显示下一个或上一个按钮。

如果我能够获得任何脚本或HTML代码，请告诉我。

Answer 1

希望这可以帮助你看到链接

$(document).ready(function () {
    $('.right').click(function () {
        var position = $('.container').position();
        var r=position.left-$(window).width()
        $('.container').animate({
            'left': ''+r+'px'
        });
    });    

    $('.left').click(function () {
        var position = $('.container').position();
        var l=position.left+$(window).width()
        if(l<=0)
        {
        $('.container').animate({
            'left': ''+l+'px'
        });
        }
    });    
});

SEE THE FIDDLE LINK

水平滚动菜单

1 个答案: