国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

jquery緩動swing liner控制動畫過程不同時刻的速度

2024-05-06 16:06:49
字體:
來源:轉載
供稿:網友
一個用來控制動畫過程的速度的參數,這就是緩動(easing),它確定了動畫過程不同時刻的速度

jQuery效果函數(slideUp()、fadeIn()等)和animation()函數都接收另一個用來控制動畫過程的速度的參數,這就是緩動(easing),它確定了動畫過程不同時刻的速度。例如,將一個元素移過頁面的時候,可能讓這個元素緩慢地開始移動,然后變得很快,最后隨著動畫的完成再次慢下來。給動畫添加緩動,使得動畫在視覺上更有趣且更有動態感。

jQuery只包含了兩個緩動方法:swing和linear。linear方法提供了一個穩定的動畫,以使得動畫的每個步驟都是相同的(例如,如果要讓一個元素以逐漸變化的方式穿過屏幕,每一步的距離和前一步都是相同的)。swing要更加動態一些,隨著動畫的開始變得更加快一些,然后再慢下來。swing是一個常用設置,因此,如果沒有指定任何緩動,jQuery會使用swing方法。

對于任何jQuery效果來說,緩動方法是其第二個參數,因此,要使用linear方法將一個元素滑出視線,可以這樣編寫代碼:

復制代碼 代碼如下:


$('#element'). slideUp(1000,'linear');


當使用animate()函數的時候,緩動方法是第三個參數,第一個參數是一個對象直接量,包含了我們想要實現動畫的CSS屬性;第二個參數是動畫的整體速度。例如,要對動畫代碼使用linear緩動方法,可以像下面這樣編寫代碼:

復制代碼 代碼如下:


$('#message').animate(
{
left:'650px',
opacity:.5,
fontSize:'24px'
},
1500,
'linear'
);


然而,并不僅限于使用jQuery所提供的兩個緩動方法。使用jQuery插件可以添加一系列的其他的緩動方法。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 泸西县| 高淳县| 凤城市| 穆棱市| 什邡市| 林周县| 宁阳县| 九龙坡区| 茂名市| 西丰县| 白河县| 博乐市| 桂阳县| 三原县| 龙川县| 正定县| 巢湖市| 武汉市| 临颍县| 水富县| 江达县| 武陟县| 资阳市| 宝坻区| 虎林市| 都安| 南召县| 肥城市| 垣曲县| 永州市| 永寿县| 遵义县| 万荣县| 沂水县| 丰台区| 邯郸县| 邵东县| 建德市| 鲁山县| 康平县| 宣汉县|