IT博客汇
首页
精华
技术
设计
资讯
扯淡
权利声明
登录
注册
原生 javaScript 百叶窗 效果的实现及原理介绍 - 白超华
白超华
发表于
2016-03-12 00:29:00
love
0
【摘要】百叶窗大家都见过吧!如图: 原理: 如图所示,空心格子就好比是每个li,给它设定相对定位属性,设置overflow:hidden; 黑块为li子元素,高度为li的2倍,设置absolute属性,我们正是要改变它的top值从而获得变化! (右上角多余块与本图无关) 布局分析: 注意top值得变化!默认
阅读全文