jQuery 自定义动画

最新推荐文章于 2017-12-31 16:16:00 发布

YOUAFR

最新推荐文章于 2017-12-31 16:16:00 发布

阅读量227

点赞数

分类专栏： day04(jQuery)

本文链接：https://blog.csdn.net/YOUAFR/article/details/78345696

版权

day04(jQuery) 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

<style type="text/css">
			div{
				width: 60px;
				height: 30px;
				background: red;
			}
		</style>
	</head>
	<body>
		<div></div>
	</body>
	<script src="js/jquery-1.12.4.min.js"></script>
	<script src="js/jquery.easing.1.3.js"></script>
	<script>
		/*自定义动画效果，样式只能设置一个值，
		 * 例如设置字体大小，只能使用fontSize而不能用font，
		 * 设置的样式有限具体参考
		 * http://www.w3school.com.cn/jquery/effect_animate.asp*/
		// animate({}, [speed, [e], [fn]])
		$('div').on('mouseover',function(){
			$(this).animate({width:200,height:200},'slow','',function(){
				$(this).animate({width:60,height:30},'slow',function(){
				});
			});
		});
	</script>

YOUAFR

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery 自定义动画

div{ width: 60px; height: 30px; background: red; } /*自定义动画效果，样式只能设置一个值， * 例如设置字体大小，只能使用fontSize而不能用font， * 设置的样式有限具体参考 * http://www.w3school.com.cn/jquery/e
复制链接

扫一扫