jquery鼠标移入移出

 

<script type="text/javascript">
    $(function(){
        /*进入子元素也触发*/
        /*$('#div1').mouseover(function() {
            $(this).animate({marginTop: 50});//.stop()
        });
        $('#div1').mouseout(function() {
            $(this).animate({marginTop: 100});//.stop()
        });*/

        /*进入子元素不触发*/
        /*$('#div1').mouseenter(function() {
            $(this).stop().animate({marginTop: 50});//
        });
        $('#div1').mouseleave(function() {
            $(this).stop().animate({marginTop: 100});//
        });*/

        /*通过hover（mouseenter+mouseleave）实现简写*/
        $('#div1').hover(function() {
            $(this).stop().animate({marginTop: 50});
        }, function() {
            $(this).stop().animate({marginTop: 100});
        });
    })
</script>