本文介绍如何利用jQuery创建一个商品展示功能，通过点击按钮实现产品图片的左右滚动。核心思路是设置CSS隐藏和控制div的left属性，提供前后翻页功能。
最近要做一个产品展示功能，由于产品比较多，一屏展示不完，所以想要做一个通过点击进行翻页的效果，在网上找了几个都不大好用，最后只能自己动手写了。
效果如下所示：
原理比较简单：将要滚动显示的区域的CSS的override设为hidden，宽度设成一个比较大的值，如4000px,然后每次点击上一页或下一页的按钮时，计算当前页数，如果已经到了最后一页，则回到第一页，滚动是通过控制div的left属性实现的，需要两个div，外面的div的position设为retative，里面的DIV的position设为absolute。
主要代码如下：
HTML:
arrow产品展示
- 数据采集移动终端
最低0.47元/天 解锁文章
扫一扫
1226
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
