JS图片过渡效果的代码_网页代码站(www.webdm.cn)

您的当前位置：网页代码站 >> 图片特效 >> JS图片过渡效果的代码

JS图片过渡效果的代码

分类：图片特效时间：2010-09-05 点击：

关键词：JS|css|网页代码|代码|

<html>
	<head>
		<title>JS图片过渡效果的代码 - www.webdm.cn</title>
	</head>
<body>
<table border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#f4f4f4">
  <tr>
    <td><script language=JavaScript>
var elady_step=3;	//1:small, 3:middle, 5:big
var elady_speed=50;	//20:fast, 50:middle, 80:slow
var e_tp=new Array();
var e_tplink=new Array();
var adNum_elady1=0;  
var elady_stop_sh=0;
var elady_star_sh=1;

function elady1_moveImg(){
if ((!document.all&&!document.getElementById)||(elady_stop_sh==0))	return;
if (elady_star_sh==1){
	document.all.elady1_divimg.style.pixelTop=parseInt(document.all.elady1_divimg.style.pixelTop)+elady_step;}
else if (elady_star_sh==2){
	document.all.elady1_divimg.style.pixelLeft=parseInt(document.all.elady1_divimg.style.pixelLeft)+elady_step;}
else if (elady_star_sh==3){
	document.all.elady1_divimg.style.pixelTop=parseInt(document.all.elady1_divimg.style.pixelTop)-elady_step;}
else{
	document.all.elady1_divimg.style.pixelLeft=parseInt(document.all.elady1_divimg.style.pixelLeft)-elady_step;}
if (elady_star_sh<4)	elady_star_sh++;
else	elady_star_sh=1;
setTimeout("elady1_moveImg()",elady_speed);}

e_tplink[0]="http://www.webdm.cn/";
e_tp[0]="http://www.webdm.cn/images/wall1.jpg";

e_tplink[1]="http://www.webdm.cn/";
e_tp[1]="http://www.webdm.cn/images/wall2.jpg";

e_tplink[2]="http://www.webdm.cn/";
e_tp[2]="http://www.webdm.cn/images/wall3.jpg";

e_tplink[3]="http://www.webdm.cn/";
e_tp[3]="http://www.webdm.cn/images/wall4.jpg";
var currentimage=new Array();   
for (i=0;i<=3;i++){currentimage[i]=new Image();
      currentimage[i].src=e_tp[i];
         }
         function elady1_set(){   if (document.all)
         {      e_tprotator.filters.revealTrans.Transition=Math.floor(Math.random()*23);
               e_tprotator.filters.revealTrans.apply();   }
               }
               function elady1_playCo()
               {   if (document.all)      e_tprotator.filters.revealTrans.play()
               }function elady1_nextAd(){   if(adNum_elady1<e_tp.length-1)adNum_elady1++ ;
                     else adNum_elady1=0;
                        elady1_set();
                           document.images.e_tprotator.src=e_tp[adNum_elady1];
                              elady1_playCo();
                                 theTimer=setTimeout("elady1_nextAd()", 4000);}
                                 function elady1_linkurl(){   jumpUrl=e_tplink[adNum_elady1];
                                    jumpTarget='_blank';
                                       if (jumpUrl != ''){      if (jumpTarget != '')window.open(jumpUrl,jumpTarget);
                                             else location.href=jumpUrl;
                                                }}
function elady1_listMsg() 
{   status=e_tplink[adNum_elady1];
document.returnValue = true;}
document.write("<div id='elady1_divimg' style='position:relative'>");
document.write('<a onMouseOver="elady1_listMsg();return document.returnValue" href="javascript:elady1_linkurl()" target="_self">');
document.write('<img style="FILTER: revealTrans(duration=2,transition=20)"  src="javascript:elady1_nextAd()"  border=0 name=e_tprotator ></a>');
document.write("</div>");
    </script></td>
  </tr>
</table>
<br />
<p><a href="http://www.webdm.cn">网页代码站</a> - 最专业的代码下载网站 - 致力为中国站长提供有质量的代码！</p>
</body>
</html>

运行代码全选代码复制代码保存代码友情提示

JS图片过渡效果的代码

一、如果您使用的浏览器版本为IE6.0、360浏览器V3.0.8.1版本或者IE的更低版本浏览本页面，建议您升级浏览器至IE7以上，上面的“运行”按钮可能不能用，但您可按以下方式查看。
运行代码方式：
1、点击“复制”按钮；
2、在桌面建立一个txt文档；
3、粘贴复制的代码；
4、最后把txt的扩展名改为“htm”或“html”；
5、完成，打开即可看到效果。

二、如果您使用FireFox或者非IE浏览器，建议您使用IE7以上版本。上面的“复制”按钮失效，请您“全选”，以普通方式复制！

三、某些代码因需加载完Jquery等之类比较大的JS文件，如果您看不到效果，请您刷新页面！

四、某些代码不能完全兼容各浏览器，还请您再次修改才能使用！给您带来的不便！尽请谅解！谢谢您的支持！

来顶一下

上一篇：层自动滚动到最低端
下一篇：一个JS+CSS布局的人气列表