设为首页 加入收藏

TOP

使用jQuery简单实现产品展示的图片左右滚动功能
2014-11-24 14:26:42 来源: 作者: 【 】 浏览:0
Tags:使用 jQuery 简单 实现 产品展示 图片 左右 滚动 功能

效果如下所示:



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


主要代码如下:


HTML:


[html]


CSS:


js代码


】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
分享到: 
上一篇Struts2标签之<s:checkboxlist.. 下一篇对S3C2440裸板程序设计(无操作系..

评论

帐  号: 密码: (新用户注册)
验 证 码:
表  情:
内  容: