jQuery的动画方法

/*

    animate参数：

    参数一：要改变的样式属性值，写成字典的形式

    参数二：动画持续的时间，单位为毫秒，一般不写单位

    参数三：动画曲线，默认为‘swing’，缓冲运动，还可以设置为‘linear’，匀速运动

    参数四：动画回调函数，动画完成后执行的匿名函数

*/

$('#div1').animate({

    width:300,

    height:300

},1000,'swing',function(){

    alert('done!');

});

除了animate，还有几个方法，他们的用法都是一样：

fadeIn() 淡入

fadeOut() 淡出

fadeToggle() 切换淡入淡出

hide() 隐藏元素

show() 显示元素

toggle() 切换元素的可见状态

slideDown() 向下展开

slideUp() 向上卷起

slideToggle() 依次展开或卷起某个元素

都是一样的用法：

参数１: 完成动画的时间
参数2: 完成动画过程的效果（swing 缓动，linear 匀速）
参数3: 执行动画结束以后的回调函数

巴特西

jQuery的动画方法

最新文章

热门文章