会员
周边
众包
新闻
博问
闪存
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
天天饱
如果你只做自己能力范围之内的事情,就永远没法进步
天天饱
博客园
首页
新随笔
联系
订阅
管理
2016年10月14日
常见幻灯片实现
摘要: 效果1: 实现原理如下图: 红色框为容器,设置内容溢出隐藏,计算出一屏的宽度,通过定位每次滚动一屏的距离 代码: 效果2: 该效果实现原理为所有内容重叠在一起,通过z-index把需要展示的放在最上一层。 代码: 这种效果可以配上一些css3即可定制自己喜欢的幻灯片动画效果。
阅读全文
posted @ 2016-10-14 17:23 天天饱
阅读(313)
评论(0)
推荐(0)
编辑
公告