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>