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

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

复制代码 代码如下:

CSS solution

jQuery solution

用到的图片：
一个淡入淡出小例子：

复制代码 代码如下:

Click Me

context
context
context
context

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