jQuery幾個(gè)方法的概述及參數(shù)詳解

2023-03-07    分類(lèi): 網(wǎng)站建設(shè)

1.
slideDown([speed],[easing],[fn])
概述:
通過(guò)高度變化(向下增大)來(lái)動(dòng)態(tài)地顯示所有匹配的元素,在顯示完成后可選地觸發(fā)一個(gè)回調(diào)函數(shù)。
這個(gè)動(dòng)畫(huà)效果只調(diào)整元素的高度,可以使匹配的元素以“滑動(dòng)”的方式顯示出來(lái)。在jQuery 1.3中,上下的padding和margin也會(huì)有動(dòng)畫(huà),效果更流暢。
參數(shù)詳解:
speed:三種預(yù)定速度之一的字符串("slow","normal", or "fast")或表示動(dòng)畫(huà)時(shí)長(zhǎng)的毫秒數(shù)值(如:1000)
easing:(Optional) 用來(lái)指定切換效果,默認(rèn)是"swing",可用參數(shù)"linear"
fn:在動(dòng)畫(huà)完成時(shí)執(zhí)行的函數(shù),每個(gè)元素執(zhí)行一次。2.
animate(params,[speed],[easing],[fn])
概述:
用于創(chuàng)建自定義動(dòng)畫(huà)的函數(shù)。
這個(gè)函數(shù)的關(guān)鍵在于指定動(dòng)畫(huà)形式及結(jié)果樣式屬性對(duì)象。這個(gè)對(duì)象中每個(gè)屬性都表示一個(gè)可以變化的樣式屬性(如“height”、“top”或“opacity”)。注意:所有指定的屬性必須用駱駝形式,比如用marginLeft代替margin-left.
而每個(gè)屬性的值表示這個(gè)樣式屬性到多少時(shí)動(dòng)畫(huà)結(jié)束。如果是一個(gè)數(shù)值,樣式屬性就會(huì)從當(dāng)前的值漸變到指定的值。如果使用的是“hide”、“show”或“toggle”這樣的字符串值,則會(huì)為該屬性調(diào)用默認(rèn)的動(dòng)畫(huà)形式。
在 jQuery 1.2 中,你可以使用 em 和 % 單位。另外,在 jQuery 1.2 中,你可以通過(guò)在屬性值前面指定 "+=" 或 "-=" 來(lái)讓元素做相對(duì)運(yùn)動(dòng)。
jQuery 1.3中,如果duration設(shè)為0則直接完成動(dòng)畫(huà)。而在以前版本中則會(huì)執(zhí)行默認(rèn)動(dòng)畫(huà)。
jQuery 1.8中,當(dāng)你使用CSS屬性在css()或animate()中,我們將根據(jù)瀏覽器自動(dòng)加上前綴(在適當(dāng)?shù)臅r(shí)候),比如("user-select", "none"); 在Chrome/Safari瀏覽器中我們將設(shè)置為"-webkit-user-select", Firefox會(huì)使用"-moz-user-select", IE10將使用"-ms-user-select"。
參數(shù)詳解:
params:一組包含作為動(dòng)畫(huà)屬性和終值的樣式屬性和及其值的集合
speed:三種預(yù)定速度之一的字符串("slow","normal", or "fast")或表示動(dòng)畫(huà)時(shí)長(zhǎng)的毫秒數(shù)值(如:1000)
easing:要使用的擦除效果的名稱(chēng)(需要插件支持).默認(rèn)jQuery提供"linear" 和 "swing".
fn:在動(dòng)畫(huà)完成時(shí)執(zhí)行的函數(shù),每個(gè)元素執(zhí)行一次
options:動(dòng)畫(huà)的額外選項(xiàng)。如:speed - 設(shè)置動(dòng)畫(huà)的速度,easing - 規(guī)定要使用的 easing 函數(shù),callback - 規(guī)定動(dòng)畫(huà)完成之后要執(zhí)行的函數(shù),step - 規(guī)定動(dòng)畫(huà)的每一步完成之后要執(zhí)行的函數(shù),queue - 布爾值。指示是否在效果隊(duì)列中放置動(dòng)畫(huà)。如果為 false,則動(dòng)畫(huà)將立即開(kāi)始,specialEasing - 來(lái)自 styles 參數(shù)的一個(gè)或多個(gè) CSS 屬性的映射,以及它們的對(duì)應(yīng) easing 函數(shù)3.
click([[data],fn])
概述:
觸發(fā)每一個(gè)匹配元素的click事件。
這個(gè)函數(shù)會(huì)調(diào)用執(zhí)行綁定到click事件的所有函數(shù)。
參數(shù)詳解:
data:click([Data], fn) 可傳入data供函數(shù)fn處理。

新聞標(biāo)題:jQuery幾個(gè)方法的概述及參數(shù)詳解
標(biāo)題路徑:http://www.muchs.cn/news30/242330.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供標(biāo)簽優(yōu)化、網(wǎng)站制作、小程序開(kāi)發(fā)網(wǎng)站營(yíng)銷(xiāo)、外貿(mào)建站、電子商務(wù)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

網(wǎng)站優(yōu)化排名