二零二三年 优质公开课fadeToggle和fadeTo方法.pptxVIP

fadeToggle() 和fadeTo()方法北京电子科技职业学院 fadeToggle() 方法一fadeTo()方法简介二fadeTo()方法三目录Contents fadeToggle() 方法1 fadeToggle() 方法定义和用法：fadeToggle() 方法在 fadeIn() 和 fadeOut() 方法之间切换。如果元素是淡出显示的，fadeToggle() 会使用淡入效果显示它们。如果元素是淡入显示的，fadeToggle() 会使用淡出效果显示它们。注释：隐藏的元素不会被完全显示（不再影响页面的布局）。 fadeToggle() 方法基本语法：$(selector).fadeToggle(speed,callback);speed:可选。规定褪色效果的速度。可能的值：毫秒、“slow”、“fast”、”normal“，默认为”normal“。callback:可选。fadeToggle() 方法执行完之后，要执行的函数。 fadeToggle() 方法程序举例：$(button).click(function(){ $(#div1).fadeToggle(); $(#div2).fadeToggle(slow); $(#div3).fadeToggle(3000);}); fadeTo()方法简介2 fadeTo()方法简介fadeIn()、fadeOut()、show()、hide()等方法都是从无到有或者从有到无或者从无到有的变幻，只不过是变幻方式不同而已。jQuery 还提供了fadeTo()方法，能够让开发者自定义变幻的目标透明度。 fadeTo()方法3 定义和用法fadeTo() 方法将被选元素的不透明度逐渐地改变为指定的值。语法$(selector).fadeTo(speed,opacity,callback)fadeTo()方法 fadeTo()方法参数解析：speed:可选。规定元素从当前透明度到指定透明度的速度。默认为 “normal”。可能的值：毫秒 （比如 1500），“slow”、“normal”、“fast”。opacity:必需。规定要淡入或淡出的透明度。必须是介于 0.00 与 1.00 之间的数字。callback:可选。fadeTo 函数执行完之后，要执行的函数。 使用speed参数button逐渐改变P元素的不透明度/buttonp这是一个段落。/p$(document).ready(function(){ $(button).click(function(){ $(p).fadeTo(1000,0.4); });});fadeTo()方法 使用callback参数button逐渐改变P元素的不透明度/buttonp这是一个段落。/p$(document).ready(function(){ $(button).click(function(){ $(p).fadeTo(2000,0.2,function(){ alert(褪色效果完成！); }); });});fadeTo()方法 谢 谢 观 看北京电子科技职业学院