会员
周边
众包
新闻
博问
闪存
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
白超华
分享是一种生活的信念,明白了分享的同时,明白了存在的意义
首页
新随笔
联系
管理
2016年3月12日
【Javascript】原生js百叶窗效果的实现及原理介绍
摘要: 百叶窗大家都见过吧!如图: 原理: 如图所示,空心格子就好比是每个li,给它设定相对定位属性,设置overflow:hidden; 黑块为li子元素,高度为li的2倍,设置absolute属性,我们正是要改变它的top值从而获得变化! (右上角多余块与本图无关) 布局分析: 注意top值得变化!默认
阅读全文
posted @ 2016-03-12 08:29 白超华
阅读(3960)
评论(8)
推荐(7)
编辑
公告