jquery前端技术应用课件ch4中的与动画

jQuery中的与动掌握的使用方法//绑定方式一 对象名//绑定方式二 对象类型名//绑定方式三（仅会触发一次 对象类型名冒泡原理：对象的相互嵌套，引起重复触发解决方案：在函数中使用returnfalse；冒泡eventtype()——返回的类型名target()pageX|pageYwhich（123右键取消某一类：unbind(“类型名自定义alert("1！");alert("2！");alert("3！");设置属性规则：{,,…….}Jscsscss中的“-jQueryFading方法jQueryFading方法jQuery，可以实现元素的淡入淡出效果。jQuery拥有下面四种fade方法：jQueryfadeIn()方法jQueryfadeIn()speed参数规定效果的时长。它可以取以下值："slow"、"fast"callbackfading完成后所执行的函数名称。下面的例子演示了带有不同参数的fadeIn()方法：jQueryjQueryfadeOut()方法jQueryfadeOut()speed参数规定效果的时长。它可以取以下值："slow"、"fast"或毫秒。可选的callback参数是fading完成后所执行的函数名称。fadeOut()jQueryfadeTo()方法jQueryfadeTo()（值介于0与1之间）speedspeed参数规定效果的时长。它可以取以下值："slow"、"fast"fadeTo()opacity间）（值介于0与1callbackfadeTo()jQuery滑动方法jQuery滑动方法jQuery，可以在元素上创建滑动效果。jQuery拥有以下滑动方法：jQueryslideDown()方法jQueryjQueryslideDown()speedspeed参数规定效果的时长。它可以取以下值："slow"、"fast"或毫秒。可选的callback参数是滑动完成后所执行的函数名称。slideDown()jQueryslideUp()方法jQueryjQueryslideUp()方法jQueryslideUp()speed参数规定效果的时长。它可以取以下值："slow"、"fast"或毫秒。可选的callback参数是滑动完成后所执行的函数名称。slideUp()jQueryslideToggle()方法jQueryslideToggle()方法jQueryslideToggle()slideDown()slideUp()方法之间进行切换。如果元素向下滑动，则slideToggle()可向上滑动它们。slideToggle()speed参数规定效果的时长。它可以取以下值："slow"、"fast"或毫秒。可选的callback参数是滑动完成后所执行的函数名称。slideToggle()jQueryjQuery动画-animate()方法jQueryanimate()paramsparamsCSSspeed参数规定效果的时长。它可以取以下值："slow"、"fast"或毫秒。可选的callback参数是动画完成后所执行的函数名称。animate()<div>left提示：HTMLCSSpositionrelative、fixedjQueryjQueryanimate()-操作多个属性提示：animate()CSSanimate()Camel标记法书写所有的属性名，比如，必须使用paddingLeft而不是padding-left，使用marginRight而不是jQueryjQueryanimate()-使用相对值也可以定义相对值（该值相对于元素的当前值）+=或jQueryjQueryanimate()"show"、"hide"或jQueryjQueryanimate()-使用队列功能默认地，jQueryanimate()调用，jQuery会创建包含这些方法调用的“内部”队列。然后逐一运行这些animate调用。vardiv=$("div");<div>vardiv=$("div");jQuerystop(jQuerystop()方法jQueryjQuerystop()方法jQuerystop()stop()jQuerystopAllfalse，即仅停止活动的动画，允许任何排入goToEndfalse。因此，默认地，stop()会清除在被选元素上指定的当前动画。stop()Callback函数在当前动画100%完成之后执行。jQuery动画的问题jQueryjQuery动画的问题jQueryspeedduration作为可选参数。speedduration"slow","fast"normal"JavaScript语句（指令）-按照次序，动画之后的语句可能会产生错误或页面冲CallbackjQueryCallback函数100%Callbackcallbackhide错误（正确（正确（结论：如果希望在一个涉及动画的函数之后来执行语句，请使用callback函数 过jQuery过jQueryChaining允许我们在一条语句中允许多个jQuery方法（在相同的元素上）j