真正有用且实用的图片轮换代码

显示全部楼层 · 2007-5-15 11:31:04

<body>
<script language=JavaScript>
var imgUrl=new Array();
var imgLink=new Array();
var imgTz=new Array();
var buttonShow=1;
var buttonPos=1;
var buttonX;
var buttonY;
var bakularCode=""
var adNum=0;
var dakularCode="";
imgUrl[1]="http://www.jxqn.net/bbs/UploadFile/2007-4/200742722171562559.jpg";
imgLink[1]="http://ccd.5d6d.com/forum-26-1.html";
imgTz[1]="全南大岳围屋";
imgUrl[2]="http://www.jxqn.net/bbs/UploadFile/2007-4/200742722484557593.jpg";
imgLink[2]="http://ccd.5d6d.com/forum-26-1.html";
imgTz[2]="龙兴水库大坝";
imgUrl[3]="http://www.jxqn.net/bbs/UploadFile/2007-4/20074272344948535.jpg";
imgLink[3]="http://ccd.5d6d.com/forum-26-1.html";
imgTz[3]="全南光明寺";
imgUrl[4]="http://www.jxqn.net/bbs/UploadFile/2007-4/20074242341087270.jpg";
imgLink[4]="http://ccd.5d6d.com/forum-26-1.html";
imgTz[4]="全南百年广场";
var imgPre=new Array();
for (i=1;i<8;i++)
{
imgPre=new Image();
imgPre.src=imgUrl;
}
function setTransition()
{
if (document.all)
{
imgUrlrotator.filters.revealTrans.Transition=23;//Math.floor(Math.random()*23)
imgUrlrotator.filters.revealTrans.apply();
}
}
function playTransition()
{
if (document.all)
imgUrlrotator.filters.revealTrans.play()
}
function nextAd(toNum)
{
if(adNum<imgUrl.length-1)
adNum++ ;
else
adNum=1;
if(toNum!=null) adNum=toNum;
setTransition();
document.images.imgUrlrotator.src=imgUrl[adNum];
document.getElementById('linktext').innerHTML=imgTz[adNum];
document.images.imgUrlrotator.alt='今日头条：'+imgTz[adNum];
document.getElementById('linktext').innerHTML="<a href="+imgLink[adNum]+" target=_blank class=px14-lh20>"+imgTz[adNum]+"</a>";
playTransition();
checkButton();
if(toNum!=null)
{toNum=null;theTimer=setTimeout("nextAd()", 7000);}
else
{theTimer=setTimeout("nextAd()", 7000);}
}
function jump2url()
{
jumpUrl=imgLink[adNum];jumpTarget='_blank';
if (jumpUrl != '')
{ if (jumpTarget != '')
window.open(jumpUrl,jumpTarget);
else location.href=jumpUrl;
}
}
function displayStatusMsg()
{
status=imgLink[adNum];
document.returnValue = true;
}
function checkButton()
{
for(i=1;i<=imgUrl.length-1;i++)
{if(i==adNum)
//document.getElementById('bt'+i).style.backgroundColor='#00FF00';
eval("bt"+i+".style.backgroundColor='#9B0000';bt"+i+".style.color='#FFFFFF';");
else
eval("bt"+i+".style.backgroundColor='#CCCCCC';bt"+i+".style.color='#000000';");
}
}
function dakularButtons()
{
if(buttonShow==1)
{
switch(buttonPos)
{
case 1:{buttonX=160+20-imgUrl.length*20;buttonY=16;break;}
case 2:{buttonX=160+20-imgUrl.length*20;buttonY=125;break;}
case 3:{buttonX=imgUrl.length*20-100;buttonY=16;break;}
case 4:{buttonX=imgUrl.length*20-100;buttonY=125;break;}
default:{buttonX=160+20-imgUrl.length*20;buttonY=16;break;}
}
for(i=1;i<=imgUrl.length-1;i++)
{
dakularCode=dakularCode+"<div id='bt"+i+"' style='display:inline; height=14px; width:20px; border:1px solid #000000; background-color:#f7f7f7; color:#000000; font-size:12px; line-height:14px; filter:Alpha(Opacity=50, FinishOpacity=50,Style=2);' align='center' onMouseOver=this.style.backgroundColor='#FFFFFF';this.style.color='#000000';this.style.cursor='hand' onMouseOut=checkButton(); onClick='clearTimeout(theTimer);nextAd("+i+");'>"+i+"</div>";
}
dakularCode="<div style='display:inline; position:relative;left:"+buttonX+"px; top:"+buttonY+"px; z-index:1;'>"+dakularCode+"</div>";
document.write(dakularCode);
}
}
</script>
<table border="0" cellpadding="0" cellspacing="0" id=newsTable style="position:relative; top:-10px;right:0px; font-size:12px;">
<script language="javascript">dakularButtons();</script><tr><td><a href="javascript:jump2url()"><img style="FILTER: revealTrans(duration=1,transition=18); border:1px solid #000000" src="javascript:nextAd()" width=160 height=150 border=0 name=imgUrlrotator alt="今日头条"></a></td></tr>
<tr><td bgcolor="#f0f0f0" align="center" style="border-bottom:1px solid #000000; border-left:1px solid #000000;border-right:1px solid #000000;" height="20"><label id="linktext"></label></td></tr>
</table>


演示请点击附件选打开： 3333.htm (4.35 KB, 下载次数: 1)

真正有用且实用的图片轮换代码

浏览过的版块