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
})
再次强调:要添加动画的元素必须设置定位