<body>
<h2>animate(上)</h2>
<p>慕课网,专注分享</p>
<div id="aaron">内部动画</div>
点击观察动画效果：
<select id="animation">
<option value="1">动画1</option>
<option value="2">动画2</option>
<option value="3">动画3</option>
<option value="4">动画4</option>
</select>
<input id="exec" type="button" value="执行动画">
<script type="text/javascript">
$('#aaron').mouseenter(function(){
var v=$('#animation').val();
var $aaron=$('#aaron');
$aaron.animate({
width:120,height:120,opacity:0.5
},300);
})
</script>
这里如果把var $aaron=$('#aaron');换成$aaron=$('this')为什么没反应
$aaron=$(this),不要引号
var $aaron=$('#aaron');
$aaron.mouseenter(function(){
var v=$('#animation').val();
$aaron.animate({
width:120,height:120,opacity:0.5
},300);
})
$aaron.mouseleave(function(){
$aaron.animate({
width:100,height:100,opacity:1
},300)
})
而且如果鼠标快速连续内外滑动，当鼠标离开时，他还继续自己做运动，这个问题怎么解决