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>