国产探花免费观看_亚洲丰满少妇自慰呻吟_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插件可以添加一系列的其他的緩動方法。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 邮箱| 开江县| 莒南县| 修武县| 威宁| 灵山县| 乐业县| 永善县| 健康| 茌平县| 凤阳县| 桃源县| 思南县| 德庆县| 昌图县| 德令哈市| 明光市| 乌兰县| 淳安县| 耿马| 长宁区| 宁远县| 峨山| 永昌县| 桃江县| 德州市| 凌海市| 佳木斯市| 蕉岭县| 武汉市| 涟源市| 公主岭市| 普兰店市| 万州区| 文水县| 布拖县| 荃湾区| 多伦县| 清远市| 英山县| 兴宁市|