jquery前端技術(shù)應(yīng)用課件ch4中的與動畫

jQuery中的與動掌握的使用方法//綁定方式一 對象名//綁定方式二 對象類型名//綁定方式三（僅會觸發(fā)一次 對象類型名冒泡原理：對象的相互嵌套，引起重復(fù)觸發(fā)解決方案：在函數(shù)中使用returnfalse；冒泡eventtype()——返回的類型名target()pageX|pageYwhich（123右鍵取消某一類：unbind(“類型名自定義alert("1！");alert("2！");alert("3！");設(shè)置屬性規(guī)則：{,,…….}Jscsscss中的“-jQueryFading方法jQueryFading方法jQuery，可以實現(xiàn)元素的淡入淡出效果。jQuery擁有下面四種fade方法：jQueryfadeIn()方法jQueryfadeIn()speed參數(shù)規(guī)定效果的時長。它可以取以下值："slow"、"fast"callbackfading完成后所執(zhí)行的函數(shù)名稱。下面的例子演示了帶有不同參數(shù)的fadeIn()方法：jQueryjQueryfadeOut()方法jQueryfadeOut()speed參數(shù)規(guī)定效果的時長。它可以取以下值："slow"、"fast"或毫秒?？蛇x的callback參數(shù)是fading完成后所執(zhí)行的函數(shù)名稱。fadeOut()jQueryfadeTo()方法jQueryfadeTo()（值介于0與1之間）speedspeed參數(shù)規(guī)定效果的時長。它可以取以下值："slow"、"fast"fadeTo()opacity間）（值介于0與1callbackfadeTo()jQuery滑動方法jQuery滑動方法jQuery，可以在元素上創(chuàng)建滑動效果。jQuery擁有以下滑動方法：jQueryslideDown()方法jQueryjQueryslideDown()speedspeed參數(shù)規(guī)定效果的時長。它可以取以下值："slow"、"fast"或毫秒?？蛇x的callback參數(shù)是滑動完成后所執(zhí)行的函數(shù)名稱。slideDown()jQueryslideUp()方法jQueryjQueryslideUp()方法jQueryslideUp()speed參數(shù)規(guī)定效果的時長。它可以取以下值："slow"、"fast"或毫秒。可選的callback參數(shù)是滑動完成后所執(zhí)行的函數(shù)名稱。slideUp()jQueryslideToggle()方法jQueryslideToggle()方法jQueryslideToggle()slideDown()slideUp()方法之間進行切換。如果元素向下滑動，則slideToggle()可向上滑動它們。slideToggle()speed參數(shù)規(guī)定效果的時長。它可以取以下值："slow"、"fast"或毫秒?？蛇x的callback參數(shù)是滑動完成后所執(zhí)行的函數(shù)名稱。slideToggle()jQueryjQuery動畫-animate()方法jQueryanimate()paramsparamsCSSspeed參數(shù)規(guī)定效果的時長。它可以取以下值："slow"、"fast"或毫秒?？蛇x的callback參數(shù)是動畫完成后所執(zhí)行的函數(shù)名稱。animate()<div>left提示：HTMLCSSpositionrelative、fixedjQueryjQueryanimate()-操作多個屬性提示：animate()CSSanimate()Camel標(biāo)記法書寫所有的屬性名，比如，必須使用paddingLeft而不是padding-left，使用marginRight而不是jQueryjQueryanimate()-使用相對值也可以定義相對值（該值相對于元素的當(dāng)前值）+=或jQueryjQueryanimate()"show"、"hide"或jQueryjQueryanimate()-使用隊列功能默認地，jQueryanimate()調(diào)用，jQuery會創(chuàng)建包含這些方法調(diào)用的“內(nèi)部”隊列。然后逐一運行這些animate調(diào)用。vardiv=$("div");<div>vardiv=$("div");jQuerystop(jQuerystop()方法jQueryjQuerystop()方法jQuerystop()stop()jQuerystopAllfalse，即僅停止活動的動畫，允許任何排入goToEndfalse。因此，默認地，stop()會清除在被選元素上指定的當(dāng)前動畫。stop()Callback函數(shù)在當(dāng)前動畫100%完成之后執(zhí)行。jQuery動畫的問題jQueryjQuery動畫的問題jQueryspeedduration作為可選參數(shù)。speedduration"slow","fast"normal"JavaScript語句（指令）-按照次序，動畫之后的語句可能會產(chǎn)生錯誤或頁面沖CallbackjQueryCallback函數(shù)100%Callbackcallbackhide錯誤（正確（正確（結(jié)論：如果希望在一個涉及動畫的函數(shù)之后來執(zhí)行語句，請使用callback函數(shù) 過jQuery過jQueryChaining允許我們在一條語句中允許多個jQuery方法（在相同的元素上）j