<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>jquery控制图片淡入淡出效果--www.jb200.com</title>
<script src="/ajaxjs/jquery1.3.2.js" type="text/
javascript" charset="utf-8"></script>
<style type="text/css">
ul li{position:absolute;left:50px;top:20px;}
.onoe{display:none;}
</style>
</head>
<body>
<ul>
<li><img src="/jscss/demoimg/wall1.jpg"></li>
<li><img src="/jscss/demoimg/wall2.jpg"></li>
<li><img src="/jscss/demoimg/wall3.jpg"></li>
</ul>
<script>
$(function(){
var n = 2;
setInterval(function(){
if(! $("ul li").eq(n).is(":hidden")){
$("ul li").eq(n).fadeOut("slow")
}else{
$("ul li").eq(n).fadeIn("slow")
}
n--;
if(n == 0){
n = 2;
};
},1000);
});
</script>
</body>
</html>
