基于Jquery的淡入淡出的特效基础练习_jquery

 今天练习了个Jquery淡入淡出的特性代码如下：
代码如下:








$(document).ready(function(){
$("#gallery2 a").append("");
$("#gallery2 a").hover(function(){
$(this).children("span").fadeIn(600);
},function(){
$(this).children("span").fadeOut(200);
});
});

CSS solution

jQuery solution

用到的图片：
一个淡入淡出小例子：
代码如下:





Jquery代码
代码如下:
$(document).ready(
function() {
/*淡入淡出*/
$("button").toggle(
function (){
$("p").fadeOut("fast",function(){
}
)
},
function (){
$("p").fadeIn("fast",function(){
}
)
}
);
});

演示代码 http://demo.jb51.net/js/zoom_icon%20to_images/index.htm