IT博客汇
  • 首页
  • 精华
  • 技术
  • 设计
  • 资讯
  • 扯淡
  • 权利声明
  • 登录 注册

    原生 javaScript 百叶窗 效果的实现及原理介绍 - 白超华

    白超华发表于 2016-03-12 00:29:00
    love 0
    【摘要】百叶窗大家都见过吧!如图: 原理: 如图所示,空心格子就好比是每个li,给它设定相对定位属性,设置overflow:hidden; 黑块为li子元素,高度为li的2倍,设置absolute属性,我们正是要改变它的top值从而获得变化! (右上角多余块与本图无关) 布局分析: 注意top值得变化!默认 阅读全文


沪ICP备19023445号-2号
友情链接