2023学年完整公开课版fadeToggle和fadeTo方法_第1页
2023学年完整公开课版fadeToggle和fadeTo方法_第2页
2023学年完整公开课版fadeToggle和fadeTo方法_第3页
2023学年完整公开课版fadeToggle和fadeTo方法_第4页
2023学年完整公开课版fadeToggle和fadeTo方法_第5页
已阅读5页，还剩9页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

fadeToggle()和fadeTo()方法北京电子科技职业学院fadeToggle()方法一fadeTo()方法简介二fadeTo()方法三目录ContentsfadeToggle()方法1fadeToggle()方法定义和用法：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()方法简介2fadeTo()方法简介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元素的不透明度</button><p>这是一个段落。</p>$(document).ready(function(){ $("button").click(function(){ $("p").fadeTo(1000,0.4); });});fadeTo()方法使用callback参数<button>逐渐改变P元素的不透明度</button><p>这是一个段落。</p>$(document).ready(function(){$("button").click(function(){$("p").fadeTo(2000,0.2,function(){

人人文库> 全部分类> 教育资料 > 辅导培训

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论