一组由8幅图组成的图片，初始时显示前面4张，点击图片下面的向左按钮，图片向左滚动最后显示后面4张图片，可以按左右按钮来回滚动图片。
首先编写HTML代码：
显示图片的div，只显示四幅图片
CSS样式控制如下：
这里需要注意的就是#scroller要设置position:relative; 并且设置#images img{position:relative;} 这样才能让图片滚动。
接下来是使用jQuery代码编写响应事件：
运行效果图如下：
[caption id=“attachment_427” align=“aligncenter” width=“516” caption=“jQuery钟摆式滚动器”]
[/caption]
本文作者： arthinking
本文链接： https://www.itzhai.comjquery-scroll-written-pendulum-device.html
版权声明： 版权归作者所有，未经许可不得转载，侵权必究！联系作者请加公众号。