鼠标进入和离开

Question

<style>

div{width:100px; height: 100px; position: relative; background: yellow;}

span{width: 100px; height: 100px;position: absolute;

top:-100px;left: 0;background: red;}

</style>

<script>

</script>

<div>

<span></span>

</div>

怎样写jQuery能让鼠标进入div时，span匀速从上往下完全覆盖，移开时能从当前所到达的位置匀速从下往上

Answer 1

mouseenter   mouseleave  改变高度

Answer 2

给div添加onmouseover(鼠标移入)事件和onmouseout(鼠标移出)事件,然后分别改变相应的高度就可以了啊。可以通过计时器setinterval来实现匀速运动。