2种图片的变换效果

类别:网站制作 点击:0 评论:0 推荐:

<HTML>
<head>

         
<TITLE>Untitled-1</TITLE>

</head>

<div align="center" width="175" > <a href="javascript:goUrl()">
<script language=JavaScript>
var imgUrl=new Array();
var imgLink=new Array();
var adNum=0;

imgLink[1]="http://fishrin.nease.net";
imgLink[3]="http://fishrin.nease.net";
imgLink[2]="http://fishrin.nease.net";


imgUrl[1]="http://www.blueidea.com/bbs/icon/icon10.gif";
imgUrl[3]="http://www.blueidea.com/bbs/icon/icon8.gif";
imgUrl[2]="http://www.blueidea.com/bbs/icon/icon9.gif";

var imgPre=new Array();
var j=0;
for (i=0;i<=2;i++) {
 if(imgLink[i]!="") {j++;}
 else {break;}
}
function playTran(){
 if (document.all)
  imgInit.filters.revealTrans.play();
}

var key=0;
function nextAd(){
 if(adNum<j)adNum++ ;
 else adNum=1;
 
 if( key==0 ){key=1;}
 else if (document.all){
  imgInit.filters.revealTrans.Transition=6;
  imgInit.filters.revealTrans.apply();
        playTran();

 }
 document.images.imgInit.src=imgUrl[adNum];
 jumpUrl=imgLink[adNum];
 theTimer=setTimeout("nextAd()", 6000);
}
function goUrl(){ 
 jumpTarget='_blank';
 if (jumpUrl != ''){
  if (jumpTarget != '') window.open(jumpUrl,jumpTarget);
  else location.href=jumpUrl;
 }
}
              </script>
              <img style="FILTER: revealTrans(duration=2,transition=20)" src="javascript:nextAd()" width=175 border=0 name=imgInit height="165"></a></div>
  
</HTML>


-------------------------------------------------------------------------

<html>
<head>

</head>


<script language=JavaScript>


function HelpArray2(len)
{
this.length=len;
}

HelpText2  = new HelpArray2(3);


HelpText2[0] ="<a href=http://fishrin.nease.net><img border='0' src='http://www.car188.com/girl_car/361.jpg'></a>";

HelpText2[1] ="<a href=http://www.chinagby.com.cn><img border='0' src='http://www.car188.com/girl_car/360.jpg'></a>";

HelpText2[2] ="<a href=http://www.car188.com><img border='0' src='http://www.car188.com/girl_car/362.jpg'></a>";

ScriptText2 = new HelpArray2(3);

var i = 0;
function playHelp()
{
if (i == 2)  
  {  i = 0; } 
else
  {  i++; } 

div_X2.filters[0].apply(); 
div_X2.innerHTML = HelpText2[i]; 
div_X2.filters[0].play();   
mytimeout = setTimeout('playHelp()',4500);

}

var mytimeout;

</script>
  <span id=div_X2 style="FILTER: progid:DXImageTransform.Microsoft.Wipe(duration=2, gradientsize=0.25,motion=reverse ); WIDTH=240">
  <img height=190 src="javascript:playHelp()" width=240 border=0></a></span>
</html>

 

本文地址:http://com.8s8s.com/it/it31036.htm