例子，jquery图片淡入淡出效果。
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en"
"http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>图片淡入淡出-www.yuju100.com</title>
<script type="text/javascript" language="javascript" charset="utf-8" src="jquery-1.4.2.min.js">
// <![cdata[
// ]]>
</script>
<script type="text/javascript" language="javascript" charset="utf-8">
// <![cdata[
$(document).ready(
function(){
$("#addimg").bind("click",function(){
$("#result").append("<img src='d:图片' alt=''/>");
});
$("#hide").bind("click",function(){
$("div").hide("slow");//隐藏表单
//$("div").fadeout("slow");//表单淡入
// $("div").slideup("slow");//表单滑出
});
$("#show").bind("click",function(){
$("div").show("slow");//显示表单
//$("div").fadein("slow");//表单淡出
//$("div").slidedown("slow");//表单滑入
});
}
);
// ]]>
</script>
</head>
<body>
<button id='hide'>隐藏</button>
<button id="show">显示</button>
<button id="addimg">addimage</button>
<div id="result">
</div>
</body>
</html>