4.3 显示阴影效果

在 天猫, 京东等地方我们经常发现.当我们把鼠标移动到某个图片或者某个正方形等等上去的时候,就出现一层阴影,那么下面我们来看看他们最简单的实现过程 1:css布局 先给一个parent容器,里面包着另外一个等宽等高的son容器.当然了son设了height 以后 就只能设top= height了.这样它才能在parent的下面.然后我们的需求就是当parent被hover 的时候son开始从下边动画上来. 要么就给son设置height=0;//2:js 效果的很简单,就判断动画的范围.也就是向上的边界.看代码吧

图片.png

方案二 :这里就设置son的height为0.然后判断topV 与 heightV 的值了.因为他们刚好是相对的值(反方向的)代码如下

图片.png