博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery fadeIn() fadeOut() fadeToggle() fadeTo() 效果方法 渐隐渐现
阅读量:3949 次
发布时间:2019-05-24

本文共 685 字,大约阅读时间需要 2 分钟。

jQuery fadeOut() Effect方法

逐渐改变被选元素的不透明度,从可见到隐藏(褪色效果),隐藏的元素不会被完全显示(不再影响页面的布局),该方法通常与 fadeIn() 方法一起使用。

基本语法 $(selector).fadeOut(speed,easing,callback)

  • speed:可选,规定隐藏效果的速度,值包括 毫秒,"slow","fast"
  • easing:可选,默认值为 "swing",规定在动画的不同点上元素的速度
    "swing" - 在开头/结尾移动慢,在中间移动快
    "linear" - 匀速移动
  • callback:可选,hide() 方法执行完之后,要执行的回调函数。

jQuery fadeIn() Effect方法

与 fadeOut() 方法对应,从隐藏到可见(褪色效果),参数语法相同

jQuery fadeToggle() Effect方法

相互切换 fadeOut() 和 fadeIn() 方法,参数语法相同

这是一个段落。

15580222-66242f91d5171fec.png
fadeOut() 和 fadeIn()

jQuery fadeTo() Effect方法

fadeTo() 方法逐渐改变被选元素的不透明度为指定的值(褪色效果),参数中 多了一个 opacity 的属性,其余一样。

基本语法 $(selector).fadeTo(speed,opacity,easing,callback)

15580222-f6a367c57f9eeddf.png
opacity 为 1 ,改变之前
15580222-581c671dfe4c09d2.png
opacity 为 0.4 , 改变之后

Reference

转载地址:http://xghwi.baihongyu.com/

你可能感兴趣的文章
Android的Gradle技巧 1.2配置SDK版本和其他默认值
查看>>
Android的Gradle技巧 1.3从命令行执行Gradle构建
查看>>
Android的Gradle技巧 1.4从Android Studio执行Gradle构建
查看>>
Android的Gradle技巧 1.5添加Java库依赖关系
查看>>
Android的Gradle技巧 1.6使用Android Studio添加库依赖关系
查看>>
Android的Gradle技巧 1.7配置存储库
查看>>
android Collections 排序,
查看>>
Android的Gradle技巧 2.1设置项目属性
查看>>
Android的Gradle技巧 2.2将应用程序从Eclipse ADT移植到Android Studio
查看>>
Android的Gradle技巧 2.3从Eclipse移植应用程序ADT使用Eclipse
查看>>
昂山素季 Aung San Suu Kyi
查看>>
AI 人工智能第一课 从贝叶斯定理开始
查看>>
朴素贝叶斯python实现
查看>>
Logistic回归原理及公式推导
查看>>
并发性与并行性 并发性与并行性
查看>>
惰性求值,可组合和模块化的JavaScript
查看>>
How to Extend Django User Model 如何扩展Django用户模型
查看>>
两个行业的故事:编程语言与富裕国家和发展中国家之间的差异
查看>>
15个用于管理MySQL服务器mysqladmin命令
查看>>
服务器端I / O性能:Node,PHP,Java与Go
查看>>