jQuery淡入淡出fadeIn() fadeOut() fadeToggle() fadeTo()

通过 jQuery，您可以实现元素的淡入淡出效果。

jQuery 拥有下面四种 fade 方法：

fadeIn()
fadeOut()
fadeToggle()
fadeTo()

1,jQuery fadeIn() 方法

Query fadeIn() 用于淡入已隐藏的元素。

语法：
$(selector).fadeIn(speed,callback);
可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。

可选的 callback 参数是 fading 完成后所执行的函数名称。
$("button").click(function(){
$("#div1").fadeIn();
$("#div2").fadeIn("slow");
$("#div3").fadeIn(www.xinchengcork.com);
});

2,jQuery fadeOut() 方法

$("button").click(function(){
$("#div1").fadeOut();
$("#div2").fadeOut("slow");
$("#div3").fadeOut(3000);
});

3,jQuery fadeToggle() 方法

$("button").click(function(){
$("#div1").fadeToggle();
$("#div2").fadeToggle("slow");
$("#div3").fadeToggle(3000);
});

jQuery淡入淡出fadeIn() fadeOut() fadeToggle() fadeTo()相关推荐

jQuery 淡入淡出
jQuery Fading 方法通过 jQuery,您可以实现元素的淡入淡出效果. jQuery 拥有下面四种 fade 方法: fadeIn() fadeOut() fadeToggle() fa ...
jQuery |淡入淡出
通过 jQuery,您可以实现元素的淡入淡出效果. jQuery 拥有下面四种 fade 方法: fadeIn() fadeOut() fadeToggle() fadeTo() 下面一一介绍 jQu ...
jQuery 效果 - 淡入淡出fadeIn()、fadeOut、fadeTo、fadeToggle()示例
fadeIn():通过将它们淡入淡出来显示匹配的元素. <!DOCTYPE HTML> <html lang="en"> <head><m ...
jQuery：jQuery淡入淡出效果语法及修改透明度fadeTo()
1.淡入效果: fadeIn([speed],[easing]),[fn]; 淡入效果参数: 参数是可以都省略的,和之前show().hide()参数一样: speed:有slow.normal.fa ...
Web入门：JQuery淡入淡出面板
欢迎来的我的小院,恭喜你今天又要涨知识了! 案例内容利用JQuery的fadeToggle() 方法,完成面板淡入淡出. 演示学习 <!DOCTYPE html> <html l ...
jQuery 淡入淡出、滑动和动画
一.淡入淡出 1.jQuery fadeIn() 方法 jQuery fadeIn() 用于淡入已隐藏的元素. 语法:$(selector).fadeIn(speed,callback); 可选的 s ...
jquery淡入淡出效果及突出显示案例
fadeToggle方法可以动态地让淡入淡出相互切换 fadeTO方法淡入淡出到指定透明度使用fadeTo方法让元素透明度淡入到0时,这个元素还是会保留原有位置的宽和高,只不过是透明度透明了而已从 ...
jQuery学习笔记系列（一）——入口函数，jQuery对象和DOM对象，jQuery选择器、样式操作、效果（显示隐藏、滑入滑出、淡入淡出、自定义动画、停止动画队列）
day01 - jQuery 学习目标: 能够说出什么是 jQuery 能够说出 jQuery 的优点能够简单使用 jQuery 能够说出 DOM 对象和 jQuery 对象的区别能够写出常用的 ...
jQuery 效果 - 淡入淡出
效果附上: 代码如下: <!DOCTYPE html> <html lang="en"> <head><meta charset=&quo ...

jQuery淡入淡出fadeIn() fadeOut() fadeToggle() fadeTo()

jQuery淡入淡出fadeIn() fadeOut() fadeToggle() fadeTo()相关推荐

最新文章

热门文章