jQuery编写钟摆式滚动器 发表于 2011-05-15 更新于 2020-09-20 分类于 Javascript 一组由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] 相关文章 jQuery使用数组编写向左滚动的图片栏 web组件的设计思路与编写 效率问题 jQuery使用load函数访问Struts2中的Action实现局部刷新和注册事件 使用jQuery实现显示文字气球的提示 How to Check if the Checkbox is Selected in jQuery 打赏 微信支付 支付宝 本文作者: arthinking 本文链接: https://www.itzhai.com/jquery-scroll-written-pendulum-device.html 版权声明: 版权归作者所有,未经许可不得转载,侵权必究!联系作者请加公众号。 欢迎关注我的其它发布渠道 WeChat cnblogs 掘金 RSS