HTML&jQuery横向循环左右滚动导航方法讲解

在网页制作中有一种特效就是实现点击左右按钮可以滚动，滚动条的项目可以左右隐藏，这样做的好处是实现小空间实现多内容的展示，增加了网页的美观，提高了网页的观赏度。

二话不说下面直接上代码：

 









    

        Last

        

            

                1
                2
                3
                4
                5
                6
                7
                8
                9
                10
                11
                12
                13
                14
                15
            
            
            
        

        Next
    

效果如下图所示

其中

 Last和Next

是左右两个滚动的控制按钮，你可以根据自己的要求，进行图片样式设置。其中的js都有相应的说明，需要提到是示例使用的是自动左右移动，可以在自由滚动的方法中直接返回就可以停止自由滚动。代码的可以直接复制使用的，其中已经引入了新浪的CDN jQuery，你需要做的就是替换其中的items下面的项换成自己的内容，样式自己自由设定。