没事写着玩，呵呵，支持IE和FF。

    1.首先找一组图片，放到你的对应目录下。

    2.建立测试HTML页面，代码如下：

<>
	var hideTime=null;
	var hide=100;//过滤镜初始值，IE
	var hideFF=1.0;//过滤镜初始值，FF
	var show=0;
	var showFF=0.00;
	var imgShow=1;
	var imgSrcArray=new Array("http://p.blog.csdn.net/images/p_blog_csdn_net/lip009/EntryImages/20080726/0001.jpg","http://p.blog.csdn.net/images/p_blog_csdn_net/lip009/EntryImages/20080726/0004.jpg","http://p.blog.csdn.net/images/p_blog_csdn_net/lip009/EntryImages/20080726/0005.jpg");

	function hideObject(hideImage,showImage){
		try{
			hide=hide-1;
			hideFF=hideFF-0.01;
			show=show+1;
			showFF=showFF+0.01;
			hideImage.style.filter="alpha(opacity="+hide+")";
			hideImage.style.opacity=hideFF+"";/*FF兼容*/
			//hideImage.style.-moz-opacity=hideFF+"";
			showImage.style.filter="alpha(opacity="+show+")";
			showImage.style.opacity=showFF+"";/*FF兼容*/
			if(hide<=0){
				showImage.style.filter="alpha(opacity=100)";
				showImage.style.opacity=1.0;/*FF兼容*/
				window.clearInterval(hideTime);
				hideImage.style.display="none";
				window.setTimeout(changeImage,1000);
			}
		}catch(e){
			window.clearInterval(hideTime);
		}		
	}
	function changeImage(){
		hide=100;
		hideFF=1.0;
		show=0;
		showFF=0.0;
		imgShow++;
		if(imgShow>imgSrcArray.length){
			imgShow=1;
		}
		var img1=document.getElementById("img1");
		var img2=document.getElementById("img2");
		var imageShow,imageHide;
		if(img1.style.display=="none"){
			img1.className="imgHide";
			img2.className="imgShow";
			img1.style.display="";
			img1.src=imgSrcArray[imgShow-1];
			imageShow=img1;
			imageHide=img2;
		}else{
			img2.className="imgHide";
			img1.className="imgShow";
			img2.style.display="";
			img2.src=imgSrcArray[imgShow-1];
			imageShow=img2;
			imageHide=img1;
		}
		
		hideTime=window.setInterval(function(){hideObject(imageHide,imageShow);},20);
	}

 

发表于 @ 2008年07月26日　00:41:00 | 评论( loading... ) | 编辑| 举报| 收藏

旧一篇:当Oracle数据库用户名密码丢失后，如何找回用户名密码 | 新一篇:JavaScript解析XML文档成树菜单