转自：http://www.cnblogs.com/yes123/p/3702519.html

用js脚本实现图片轮换显示，很简单的小例子，特此分享。

1，js代码部分，。

<script language="JavaScript">

var imgUrl=new Array();var imgLink=new Array();var imgText=new Array();var picNum=0;imgUrl[1]="图片地址一";imgLink[1]="链接1";imgText[1]="标题或简介或其它HTML内容1";imgUrl[2]="图片地址二";imgLink[2]="链接2";imgText[2]="标题或简介或其它HTML内容2";imgUrl[3]="图片地址三";imgLink[3]="链接3";imgText[3]="标题或简介或其它HTML内容3";imgUrl[4]="图片地址四";imgLink[4]="链接4";imgText[4]="标题或简介或其它HTML内容4";imgUrl[5]="图片地址五";imgLink[5]="链接5";imgText[5]="标题或简介或其它HTML内容5";function NextPic(){if(picNum<4) picNum++ ;//显示4个图片else picNum=1;if (document.all){ www.jbxue.com//注意，如果存在于FORM表单中，需要使用下面的方法，否则可直接使用name。document.imgInit.filters.revealTrans.Transition=Math.floor(Math.random()*23);document.imgInit.filters.revealTrans.apply();document.imgInit.filters.revealTrans.play();}document.images.imgInit.src=imgUrl[picNum];//如果不是图片，而是SWF等，可做判断，内容可在程序中做好，再放于下面。focustext.innerHTML='
    
     '+imgText[picNum]+'';//设置翻页时间theTimer=setTimeout('NextPic()', 3000);}function goUrl(){window.open(imgLink[picNum],'_blank');}
    

2，html代码部分

<TABLE cellPadding=0 width=100% border=0>

您可能感兴趣的文章：