关于鼠标移入移除

来源:3-3 js实现鼠标移入移除效果

慕雪1434180

2018-01-16 23:53:56

请问老师,为什么移入的时候,animate({‘bottom’,0},500),为什么bottom是0?还有下面的Top为0不是很理解,还有为什么要用stop()?还有可以用show()和hide()实现吗?

谢谢老师

写回答

1回答

怎么都被占用了呢

2018-01-17

移入的时候要显示控制条和上面的标题,它俩都是通过定位控制位置的。可以先不要动画测试一下,直接把它俩设为bottom:0 和top:0 ,这个是在我们鼠标移入时,预期出现的效果。但是在我们鼠标没有移入的时候,它俩是隐藏的,所以鼠标移入的时候,要通过我们测试好的这些值,让他们显示在合适的位置。

用stop是为了在开始一个新动画前,先清除一下该元素上所有的动画。目的是防止动画叠加,出现效果混乱的现象。

出现和隐藏的效果,有很多种实现的办法,自己可以私下试试哦。

0

0 学习 · 5012 问题

查看课程