首页增加图片幻灯效果显示,不同的图片不同的超链接

发布:chun | 发布时间: 2005年7月30日

写了段代码,完成图片幻灯效果,不同图片不同链接

网上找了很久也找不到要的效果,要不就是只有幻灯效果没链接,要不就是只能有一个链接,于是自己动手写了一段代码完成,贴出来共享.

演示: http://www.xianxin.net/classic

http://www.xianxin.net/chun

本站首页右侧的站长推荐图片幻灯效果即是.

<script language=JavaScript>
var imgUrl=new Array();
var imgLink=new Array();
var adNum=0;
imgUrl[1]="upload/musicist/beethov.jpg";
imgLink[1]="http://xianxin.net/classic/post/5.html";
imgUrl[2]="upload/musicist/mozart.jpg";
imgLink[2]="http://xianxin.net/classic/post/4.html";
imgUrl[3]="upload/musicist/haydnj.jpg";
imgLink[3]="http://www.xianxin.net/classic/post/52.html";
var imgPre=new Array();
var j=0;
for (i=1;i<=3;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()", 6000);
}


function goUrl(){
 jumpUrl=imgLink[adNum];
 jumpTarget='_blank';
 if (jumpUrl != ''){
  if (jumpTarget != '') 
   window.open(jumpUrl,jumpTarget);
  else
   location.href=jumpUrl;
 }
}
</script>
<a href="http://www.xianxin.net/bbs" onclick="goUrl()" target="_parent"><img style="FILTER: 
progid:DXImageTransform.Microsoft.RevealTrans (duration=1,transition=3);
; border-color:#000000;color:#000000;margin-bottom:-5px" src="javascript:nextAd()" height=224 width=152 border=0 name=imgInit></a>

标签: