jQuery讲义6：jQuery动画.ppt

jQuery动画 jQuery中的动画 动画效果是jQuery库吸引人的地方。通过jQuery的动画方法，能够轻松地为网页添加非常精彩的视觉效果。这些方法有： show( ):显示元素 hide( ):隐藏元素 fadeIn( ):渐渐淡入（提高不透明度） fadeOut( ):渐渐淡出（降低不透明度） slideUp( ):滑上（逐渐减少元素的垂直尺寸） slideDown( ):滑下（逐渐增加元素的垂直尺寸） animate( ):自定义动画 stop( ):停止动画 delay( ):延迟动画 toggle( ):将隐藏的元素显示，同时将显示的元素隐藏 slideToggle( ):对隐藏的元素执行slideDown方法，同时对显示的元素执行slideUp方法 fadeTo( ):逐渐改变元素的不透明度，从当前值变化到指定的值 fadeToggle( ):对隐藏的元素执行fadeIn方法，同时对显示的元素执行fadeOut方法 show( )方法 show(speed, callback)方法 使包装集中任何隐藏的元素显示出来。如果不带参数调用，则设置元素的display样式属性值为一个合适的值（block或inline）使操作在瞬间完成。如果指定了speed参数，则通过调整使元素的宽度、高度变为全尺寸并提高不透明度，使元素在一段指定的时间内逐渐显示出来。 speed参数表示特效持续时间，可设为若干毫秒，也可以是以下预定义字符串之一：slow normal fast。 callback参数是个可选函数，当动画结束时调用。在该函数体内部，this表示当前执行动画的元素。 hide( )方法 hide(speed, callback)方法 使包装集中的元素变为隐藏状态。如果不带参数调用，则通过设置元素的display样式属性值为none使操作在瞬间完成。如果指定了speed参数，则通过调整元素的宽度、高度和不透明度为0，使元素在一段时间内逐渐隐藏，在元素完全隐藏后再设置它们的display样式属性为none，从显示器上删除元素。 speed参数表示特效持续时间，可设为若干毫秒，也可以是以下预定义字符串之一：slow normal fast。 callback参数是个可选函数，当动画结束时调用。在该函数体内部，this表示当前执行动画的元素。 【show hide方法举例】 toggle( )方法 toggle(speed, callback)方法 在任何隐藏的包装元素上执行show( )，同时在任何非隐藏的包装元素上执行hide( )。 speed参数表示特效持续时间，可设为若干毫秒，也可以是以下预定义字符串之一：slow normal fast。如果忽略此参数，则不产生动画。 callback参数是个可选函数，当动画结束时调用。在该函数体内部，this表示当前执行动画的元素。 【toggle方法举例】 toggle(condition)方法 基于传入条件的结果显示和隐藏匹配的元素。如果为true，则显示，否则隐藏。 淡入淡出效果 show( )和hide( )方法在扩大或缩小元素尺寸的同时会调整不透明度。而而淡入淡出方法fadeIn( )和fadeOut( )只会影响元素的不透明度。 除了缺少缩放功能，这些方法的工作方式类似于show( )和hide( )的动画形式。 fadeIn( )方法 fadeIn(speed, callback)方法 该方 法通过将元素的不透明度提高到其初始值来使所有匹配的隐藏元素显示出来。这个值要么是最初应用到元素的不透明度，要么是100%。 speed参数表示特效持续时间，可设为若干毫秒，也可以是以下预定义字符串之一：slow normal fast。 callback参数是个可选函数，当动画结束时调用。在该函数体内部，this表示当前执行动画的元素。 fadeOut( )方法 fadeOut(speed, callback)方法 该方 法通过将元素的不透明度降低到0%，然后从显示器上删除该元素。 speed参数表示特效持续时间，可设为若干毫秒，也可以是以下预定义字符串之一：slow normal fast。 callback参数是个可选函数，当动画结束时调用。在该函数体内部，this表示当前执行动画的元素。 fadeTo( )方法 fadeTo(speed,opacity callback)方法 逐渐改变包装元素的不透明度，从它们的当前值到opacity指定的新值。