js遮罩层实现方式

来源:luqidong 发布时间:2014-03-31 20:35:46 点击数:

先看效果图:

78OA办公系统

hover之后:

78OA办公系统

总的来说大致是这样的。图片父级是一个层,设置overflow: hidden;然后图片的同一级设置一个span或者其他的元素,让他们变成块级元素,设置好宽高,然后设置position: absolute;,设置父级的div  position: relative; 这样的话就可以设置里面的元素运动了,设置里面的元素top属性就实现了灰色的图层从下网上的运动过程。

78OA办公系统

本文由免费oa系统78oa原创,转载请注明出处。