预览加载中，请您耐心等待几秒...

网页图片自动切换js代码.doc

预览
1/7
2/7
3/7
4/7
5/7
6/7
7/7

在线预览结束，喜欢就下载吧，查找使用更方便

下载提示 文本预览

如果您无法下载资料，请参考说明：

1、部分资料下载需要金币，请确保您的账户上有足够的金币

2、已购买过的文档，再次下载不重复扣费

3、资料包下载后请先用软件解压，在使用对应软件打开

网页图片自动切换js代码<scriptlanguage=javascript>varcurIndex=0;vartimeInterval=1000;vararr=newArray();arr[0]="photos/1.jpg";arr[1]="photos/2.jpg";arr[2]="photos/3.jpg";arr[3]="photos/4.jpg";arr[4]="photos/5.jpg"; setInterval(changeImg,timeInterval);functionchangeImg(){varobj=document.getElementById("obj");if(curIndex==arr.length-1){curIndex=0;}else{curIndex+=1;}obj.src=arr[curIndex];}</script> <imgid=objsrc="photos/1.jpg"width=200height=150border=0>可以自己配置，自己设置每张图片切换的时间间隔，自己设置每张图片的路径（绝对、相对路径都可以）虽然很简单，但是很实用。 ------------------------------------------------------------- 第二种方法: //修改图片的宽度、高度，注意要和下面的一样，修改显示位置<styletype="text/css">#img1{position:absolute;width:140px;height:105px;left:220px;top:125px;z-index:1;visibility:hidden;}#img2{position:absolute;width:140px;height:105px;left:220px;top:125px;z-index:2}</style> <SCRIPTLANGUAGE="JavaScript"><!--Beginvarie5=(document.getElementById&&document.all);varns6=(document.getElementById&&!document.all); nPlus=5//the%offadingforeachstepspeed=50//速度 //Youdon'thavetoeditbelowthislinenOpac=100functionFadeImg(){if(document.getElementById){document.getElementById('img1').style.visibility="visible";imgs=document.getElementById('img2');opacity=nOpac+nPlus;nOpac=opacity;setTimeout('FadeImg()',speed);if(opacity>100||opacity<0){nPlus=-nPlus;}if(ie5){imgs.style.filter="alpha(opacity=0)";imgs.filters.alpha.opacity=opacity;}if(ns6){imgs.style.MozOpacity=0+'%';imgs.style.MozOpacity=opacity+'%';}}}onload=FadeImg;//End--></script><divid="img1"><imgsrc="photos\1.jpg"border=0width=140height=105></div><divid="img2"><imgsrc="photos\2.jpg"border=0width=140height=105></div> 另外的方法可以参考 <styletype="text/css"> img{border:0;} </style> <body> <divid="picplayer"style="position:relative;overflow:hidden;width:300px;height:300px;clear:none;border:solid1px#ccc;"> thereisapic-player </div> <script> varp=$('#picplayer'); varpics1=[{url:'http://img.jb51.net/online/picPlayer/1.jpg',link:'http://www.jb51.net/#',time:5000},{url:'http://img.jb51.net/online/picP