jQuery学习(五)效果——淡入淡出
2013-04-30 23:21
288 查看
jQuery Fading 方法
通过 jQuery,您可以实现元素的淡入淡出效果。jQuery 拥有下面四种 fade 方法:
fadeIn()
fadeOut()
fadeToggle()
fadeTo()
jQuery fadeIn() 用于淡入已隐藏的元素。
语法:
$(selector).fadeIn(speed,callback);
可选的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。
可选的 callback 参数是 fading 完成后所执行的函数名称。
jQuery fadeOut() 方法用于淡出可见元素。
语法:
$(selector).fadeOut(speed,callback);
jQuery fadeToggle() 方法可以在
fadeIn() 与 fadeOut() 方法之间进行切换。
语法:
$(selector).fadeToggle(speed,callback);
jQuery fadeTo() 方法允许渐变为给定的不透明度(值介于 0 与 1 之间)。
语法:
$(selector).fadeTo(speed,opacity,callback);
相关文章推荐
- React学习笔记:使用jquery实现动画效果淡入淡出
- Jquery实战学习--jQuery 效果 - 淡入淡出
- Jquery中淡入淡出效果fadeIn()、fadeOut()、fadeToggle()、fadeTo()学习引发的思考----关于Jquery函数传参数
- jQuery学习_动作效果(隐藏、显示、切换,滑动,淡入淡出,以及动画)
- jQuery学习教程五:jQuery 效果 - 淡入淡出, Fading 方法
- jQuery 效果 - 淡入淡出
- jquery学习第六番 effect 效果
- jQuery 效果 - 淡入淡出
- jQuery-淡入淡出效果-fadeIn()淡进 fadeOut()淡出 fadeToggle();
- jQuery入门学习之实现滑动效果:slideUp()和slideDown()小总结
- jquery插件tooltipv顶部淡入淡出效果使用示例
- 原生js和jquery实现图片轮播淡入淡出效果
- Jquery实战学习--jQuery 效果 - 滑动
- [学习笔记]利用Jquery实现一些动态效果
- jQuery学习笔记10:动画效果
- 《JavaWeb---JQuery淡入淡出效果的实现》
- 基于jquery实现的文字淡入淡出效果
- jQuery 学习6 操纵元素显示效果的函数
- jQuery 效果 - 淡入淡出
- JQUERY常用效果简单实现方法淡入淡出,隐藏等