您的位置：首页 > Web前端 > JavaScript

html+javascript实现图片变换特效

2012-12-23 12:20 375 查看

<html xmlns="http://www.w3.org/1999/xhtml" >

<head>

<title>无标题页</title>

<script language="javascript">

var imgUrl=new Array();

var imgLink=new Array();

var adNum=0;

var jumpUrl="http://pic.music.tom.com/view/35611/tid-35611-pid-1.html";

imgLink[1]="http://pic.music.tom.com/view/35611";

imgLink[2]="http://pic.music.tom.com";

imgUrl[1]="nover2.jpg";

imgUrl[2]="nover1.jpg";

var imgPre=new Array();

var j=0;

for (i=1;i<=imgUrl.length-1;i++)

{

if(imgLink[i]!="") {j++;}

else {break;}

}

function playTran()

{

if (document.all)

imgInit.filters.revealTrans.play();

}

var key=0;

//循环显示图片

function nextAd()

{

if(adNum<j)adNum++ ;

else adNum=1;

if( key==0 ){key=1;}

else if (document.all){

imgInit.filters.revealTrans.Transition=6; / /设置图片变换效果，不同数值有不同效果

imgInit.filters.revealTrans.apply();

playTran();

}

document.images.imgInit.src=imgUrl[adNum];

jumpUrl=imgLink[adNum];

theTimer=setTimeout("nextAd()", 7000);

}

//单击图片时实现导航

function goUrl()

{

if (jumpUrl != ''){

if (jumpTarget != '') window.open(jumpUrl,'_blank');

else location.href=jumpUrl;

}

}

</script>

</head>

<body>

<a href="javascript:goUrl()"><img style="FILTER:revealTrans(duration=2,transition=7);border:1 solid black"

src="javascript:nextAd()" width="300" border="0" name="imgInit" height="210"></a>

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航