jQuery的動畫方法

2022-07-03 23:24:16 字數 637 閱讀 8088

/*

animate引數:

引數一:要改變的樣式屬性值,寫成字典的形式

引數二:動畫持續的時間,單位為毫秒,一般不寫單位

引數三:動畫曲線,預設為『swing』,緩衝運動,還可以設定為『linear』,勻速運動

引數四:動畫**函式,動畫完成後執行的匿名函式

*/$('#div1').animate(,1000,'swing',function

());

除了animate,還有幾個方法,他們的用法都是一樣:

fadein() 淡入

fadeout() 淡出

fadetoggle() 切換淡入淡出

hide() 隱藏元素

show() 顯示元素

toggle() 切換元素的可見狀態

slidedown() 向下展開

slideup() 向上捲起

slidetoggle() 依次展開或捲起某個元素

都是一樣的用法:

引數1: 完成動畫的時間

引數2: 完成動畫過程的效果(swing 緩動,linear 勻速)

引數3: 執行動畫結束以後的**函式

jQuery動畫方法

hide speed,callback show speed,callback 隱藏和顯示 speed可選的 speed 引數規定隱藏 顯示的速度,可以取以下值 slow fast 或毫秒。callback可選的 callback 引數是隱藏或顯示完成後所執行的函式名稱。示例 button clic...

JQuery動畫 animate 方法

語法 selector animate speed,callback div animate 將div距左移動250畫素預設情況下,所有 html 元素都有乙個靜態位置,且無法移動。如需對位置進行操作,要記得首先把元素的 css position 屬性設定為 relative fixed 或 abs...

jQuery效果動畫方法

隱藏被選元素 speed easing callback speed easing callback 隱藏和顯示之間的切換 speed easing callback 淡入效果 淡出效果 淡入淡出效果 透明度改變 滑動顯示 滑動隱藏 滑動隱藏顯示 執行 css 屬性集的自定義動畫 styles 必需...