<title>实现图片展播</title>
<script type="text/javascript" language="javascript" >
var imgUrl=new Array();
var adNum=0;
var imgLink=new Array();
var jumpUrl="http://www.baidu.com";
imgLink[1]="http://www.sohu.com";
imgLink[2]="http://www.renren.com";
imgLink[3]="http://www.yeah.net";
imgLink[4]="http://www.126.com";
imgUrl[1]="image1/pcTV1.png";
imgUrl[2]="image1/pcTV2.png";
imgUrl[3]="image1/pcTV3.png";
imgUrl[4]="image1/pcTV4.png";
var imgPre=new Array();
var j=0;
for (i=1;i<=imgUrl.length-1;i++)
{
if(imgLink!="") {j++;}
else { break;}
}
function playTran()
{
if (document.all)
document.getElementById('imgInit').filters.revealTrans.play();
}
var key=0;
//循环显示图片
function nextAd()
{
if(adNum<4)
{
adNum++ ;
}
else {adNum=1;}
if( key==0 ){key=1;}
else if (document.all){
document.getElementById('imgInit').filters.revealTrans.Transition=19;
document.getElementById('imgInit').filters.revealTrans.apply();
playTran();
}
document.images.imgInit.src=imgUrl[adNum];
jumpUrl=imgLink[adNum];
theTimer=setTimeout("nextAd()",6000);
}
//单击图片时实现导航
function goUrl()
{
if (jumpUrl!= '')
{
if (jumpTarget= '') window.open(jumpUrl,'_blank');
else
{
window.open(jumpUrl,'_blank');
// location.href=jumpUrl;
}
}
}
</script>
</head>
<body>
<a href="javascript:goUrl()"> <img style="filter:revealTrans(duration=2,transition=7);width:470px; height:270px; border:none;" id="imgInit" alt="图片展播" src="javascript:nextAd()" />
</a>
</body>
</html>
最新评论