jQuery fadeIn() 、fadeOut()
来源:互联网 发布:淘宝店铺违规扣48分 编辑:程序博客网 时间:2024/05/18 00:51
一、jQuery fadeIn() 方法
使得一个隐藏的元素淡入视野。首先,元素占据的空间出现在页面上(这可能意味着页面上的其他元素要移走);然后,元素逐渐地变得可见。如果元素在页面上已经可见,则这个函数没有任何效果。如果没有提供一个速度值,元素使用“常规”设置来淡入(400毫秒)。
1、语法
$(selector).fadeIn(speed,callback);
2、参数说明
speed:可选,可以取以下值:"slow"、"fast" 或毫秒。
callback:可选,淡入完成后所执行的函数名称。
3、实例
$("button").click(function()...{ $("#div1").fadeIn(); $("#div2").fadeIn("slow"); $("#div3").fadeIn(3000);});
二、jQuery fadeOut() 方法
通过使得一个可视的元素淡出视线来隐藏它。如果元素在页面上已经隐藏,这个函数没有任何效果,这和fadeIn()函数一样。如果没有提供一个速度值,元素以400毫秒的速度淡出。
1、语法
$(selector).fadeOut(speed,callback);
2、参数说明
speed:可选,可以取以下值:"slow"、"fast" 或毫秒。
callback:可选,淡出完成后所执行的函数名称。
三、jQuery fadeToggle() 方法
组合了淡入和淡出的效果。
如果元素已淡出,则 fadeToggle() 会向元素添加淡入效果。
如果元素已淡入,则 fadeToggle() 会向元素添加淡出效果。可以使用这个函数让一个提示框出现在页面上或从页面消失。
1、语法
$(selector).fadeToggle(speed,callback);
2、参数说明
speed:可选,可以取以下值:"slow"、"fast" 或毫秒。
callback:可选,fading完成后所执行的函数名称。
四、jQuery fadeTo() 方法
和其他两个效果函数略有不同。它把图像淡化到一定的透明度。例如,可以让图像淡化到半透明。和其他效果不同,必须提供一个速度值。此外,还提供0~1之间的一个值来表示元素的透明度。
语法
$(selector).fadeTo(speed,opacity,callback);
speed:必需的,规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。
opacity:必需的,将淡入淡出效果设置为给定的不透明度(值介于 0 与 1 之间)。
callback:可选的,该函数完成后所执行的函数名称。
参考资料: jquery 淡入淡出 http://www.studyofnet.com/news/925.html
- JQuery fadein fadeout方法
- jQuery fadeIn() 、fadeOut()
- 【JQuery】fadeIn()和fadeOut()
- jquery淡入淡出fadeIn() fadeOut()
- fadeOut、fadeIn
- jquery的淡入,淡出事件 fadeIn fadeOut
- jquery的淡入,淡出事件 fadeIn fadeOut
- jQuery fadeIn() fadeOut()淡入淡出效果
- jquery对buton进行fadeIn和fadeOut
- .net下开发Jquery(ready,fadeIn,fadeOut,fadeTo)用法
- jQuery fadeIn()、fadeOut() IE下无法正常显示解决办法
- jQuery动画效果-fadeIn fadeOut淡入浅出
- Jquery fadeOut淡出 fadeIn 淡入 fadeTo指定透明度
- 4.2.2: jQuery动画之fadeIn()方法和fadeOut()方法
- 【jQuery】使用fadeIn()与fadeOut()方法实现淡入淡出效果
- jQuery-动画效果animate() slideDown() slideUp() fadeIn() fadeOut()
- opacity+visibility+transition组合代替jquery 的fadeIn ,fadeOut
- Jquery hide、show、fadeIn、fadeOut 竟然可以延迟
- Android入门(11)——ListView使用汇总
- 架构师速成7.1-速读、速记
- 基于OTSU算法和基本粒子群优化算法的双阈值图像分割
- Android中Application类用法
- TCP/IP网络编程 学习笔记_1 --网络编程入门
- jQuery fadeIn() 、fadeOut()
- Adler-32算法
- SlidingMenu笔记
- mybatis增删改操作
- 电商需求之心得体会
- 千里之行始于足下
- leetcode Sum Root to Leaf Numbers 树
- NYOJ 34 韩信点兵
- 安装MEAN开发框架