jQuery自定义动画animate

jQuery自定义动画animate

//css代码
div{
	position: absolute;//自定义动画的元素必须添加定位
	width: 100px;
	height: 100px;
	background-color: red;
}
//html代码
<div></div>
//jQuery代码(记得引入jQuery文件)
$(function(){
	$('div').animate({
		width: 300,
		height: 300,
		backgroundColor: 'black',
		opacity: .3//以对象的方式进行重定义
	},3000);//定义动画总时长是3秒，在动画三秒之内，div元素的宽度由100px变为300px，高度由100px变为300px，背景颜色由红色改为黑色，透明度由1改为0.3
})

再次强调：要添加动画的元素必须设置定位