1 <script type="text/javascript">
2 $(function(){
3 /*进入子元素也触发*/
4 /*$('#div1').mouseover(function() {
5 $(this).animate({marginTop: 50});//.stop()
6 });
7 $('#div1').mouseout(function() {
8 $(this).animate({marginTop: 100});//.stop()
9 });*/
10
11 /*进入子元素不触发*/
12 /*$('#div1').mouseenter(function() {
13 $(this).stop().animate({marginTop: 50});//
14 });
15 $('#div1').mouseleave(function() {
16 $(this).stop().animate({marginTop: 100});//
17 });*/
18
19 /*通过hover（mouseenter+mouseleave）实现简写*/
20 $('#div1').hover(function() {
21 $(this).stop().animate({marginTop: 50});
22 }, function() {
23 $(this).stop().animate({marginTop: 100});
24 });
25 })
26 </script>
