水平滚动菜单

时间:2015-10-01 08:48:24

标签: javascript jquery html css

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

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

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

1 个答案:

答案 0 :(得分:1)

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

DEMO

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