图片显示效果.txt

javascript实现的图片效果显示。欢迎下载哦

<div align="center">
<img style="FILTER: 
progid:DXImageTransform.Microsoft.RevealTrans (duration=1,transition=3);
; border-color:#000000;color:#000000;margin-bottom:-5px"  
height=116 width=160 border=0 name=imgInit onclick=goUrl()><script language=javascript>nextAd()</script>
</div>

<script language="javascript">
var imgUrl=new Array();
var imgLink=new Array();
var adNum=0;

imgUrl[1]="News_images/1.jpg";
imgLink[1]="111.asp";


imgUrl[2]="News_images/2.jpg";
imgLink[2]="222.asp";

imgUrl[3]="News_images/3.jpg";
imgLink[3]="xxx.asp";

imgUrl[4]="News_images/4.jpg";
imgLink[4]="444.asp";

imgUrl[5]="News_images/5.jpg";
imgLink[5]="555.asp";


var imgPre=new Array();
var j=0;
for (i=1;i<=5;i++) {
if( (imgUrl[i]!="") && (imgLink[i]!="") ) {
  j++;
} else {
  break;
}
}

function playTran(){
if (document.all){
  document.imgInit.filters[0].play();
}
}

function nextAd(){
if(adNum<j)adNum++ ;
else adNum=1;

if (document.all){
  document.imgInit.filters[0].Transition=26;
  document.imgInit.filters[0].apply();
}
document.images.imgInit.src=imgUrl[adNum];
  playTran();

theTimer=setTimeout("nextAd()", 4000);
}


function goUrl(){
jumpUrl=imgLink[adNum];
jumpTarget='_blank';
if (jumpUrl != ''){
  if (jumpTarget != '') 
   window.open(jumpUrl,jumpTarget);
  else
   location.href=jumpUrl;
}
}
</script>


这是显示图片的地方：

<div align="center">
<img style="FILTER: 
progid:DXImageTransform.Microsoft.RevealTrans (duration=1,transition=3);
; border-color:#000000;color:#000000;margin-bottom:-5px"  
height=116 width=160 border=0 name=imgInit><script language=javascript>nextAd()</script>
</div>