jQuery鼠标移入移出

最新推荐文章于 2024-04-04 00:19:46 发布

wozhaoying

最新推荐文章于 2024-04-04 00:19:46 发布

阅读量213

点赞数

CC 4.0 BY-SA版权

分类专栏： JAVASCRIPT 文章标签： jquery javascript

本文链接：https://blog.youkuaiyun.com/wozhaoying/article/details/114982298

JAVASCRIPT 专栏收录该内容

2 篇文章

订阅专栏

<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>