使用jQuery简单实现产品展示的图片左右滚动功能

2014-11-24 14:26:42 · 作者: · 浏览: 2

效果如下所示:



原理比较简单:将要滚动显示的区域的CSS的override设为hidden,宽度设成一个比较大的值,如4000px,然后每次点击上一页或下一页的按钮时,计算当前页数,如果已经到了最后一页,则回到第一页,滚动是通过控制div的left属性实现的,需要两个div,外面的div的position设为retative,里面的DIV的position设为absolute。


主要代码如下:


HTML:


[html]


CSS:


js代码