查看原文: http://www.91developer.com/article/1013
隐藏和显示
$(selector).hide(speed,callback); $(selector).show(speed,callback); 可选的speed参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast" 或毫秒。 可选的callback参数是隐藏或显示完成后所执行的函数名称。
淡入淡出
$(selector).fadeIn(speed,callback); 用于淡入已隐藏的元素 可选的speed参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。 可选的callback参数是fading完成后所执行的函数名称。 $(selector).fadeOut(speed,callback); 用于淡出可见元素 $(selector).fadeToggle(speed,callback); 在 fadeIn() 与 fadeOut() 方法之间进行切换 $(selector).fadeTo(speed,opacity,callback); 渐变为给定的不透明度(值介于 0 与 1 之间) opacity参数将淡入淡出效果设置为给定的不透明度(值介于0与1之间)
动画
$(selector).animate({params},speed,callback); 必需的params参数定义形成动画的 CSS 属性。 可选的speed参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。 可选的callback参数是动画完成后所执行的函数名称。 注意:默认地,所有 HTML 元素都有一个静态位置,且无法移动。 如需对位置进行操作,要记得首先把元素的 CSS position 属性设置为 relative、fixed 或 absolute! 例子: $("button").click(function(){ $("div").animate({ left:'250px', opacity:'0.5', height:'150px', width:'150px' }); });