jQuery效果——淡入淡出

阿神2016-11-12 09:27:37

(1) 4种fade：

fadeIn(); //淡入已隐藏的元素,

　　基础语法： $(selector).fadeIn(speed,callback);

　　如: $("#div1").fadeIn(); $("#div1").fadeIn("slow"); $("#div1").fadeIn(1000,function(){...});

fadeOut(); //淡出已显示的元素

　　基础语法： $(selector).fadeOut(speed,callback);

　　如: $("#div1").fadeOut(); $("#div1").fadeOut("slow"); $("#div1").fadeOut(1000,function(){...});

fadeToggle(); //在fadeIn()和fadeOut()之间进行切换

　　基础语法： $(selector).fadeToggle(speed,callback);

　　如: $("#div1").fadeToggle(); $("#div1").fadeToggle("slow"); $("#div1").fadeToggle(1000,function(){...});

fadeTo(); //渐变为指定的不透明度(0~1之间)

　　基础语法： $(selector).fadeTo(speed,opacity,callback);

　　如: $("#div1").fadeTo("slow",0.5); $("#div1").fadeTo(1000,0.5);$("#div1").fadeTo(1000,0.5,function(){...});