水平滚动菜单

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'
        });
        }
    });    
});

查看小提琴链接