45fan.com - 路饭网

搜索: 您的位置主页 > 电脑频道 > 电脑教程 > 阅读资讯:图片交替显示代码的方法

图片交替显示代码的方法

2016-09-06 07:19:08 来源:www.45fan.com 【

图片交替显示代码的方法

<html><head></head>

var imgUrl=new Array();
var imgLink=new Array();
var adNum=0;
imgUrl[1]="http://www.smallrain.net/jsimg/sport1.jpg";
imgLink[1]="#1";
imgUrl[2]="http://www.smallrain.net/jsimg/sport2.jpg";
imgLink[2]="#2";
imgUrl[3]="http://gb.chinabroadcast.cn/mmsource/images/2005/06/07/ee050607029.jpg";
imgLink[3]="#3";
imgUrl[4]="http://gb.chinabroadcast.cn/mmsource/images/2005/06/07/ee050607028.jpg";
imgLink[4]="#4";
imgUrl[5]="http://gb.chinabroadcast.cn/mmsource/images/2005/06/07/ee050607027.jpg";
imgLink[5]="#5";

var imgPre=new Array(); // 创建一个数组
var j=0; // 创建一个变量并赋值
for (i=1;i<=5;i++) { // 循环
if( (imgUrl!="") && (imgLink!="") ) { // 如果 imgUrl且imgLink非空
j++; // 变量j递加执行6次
} else {
break; // 反之则跳出循环
}
}

function playTran(){
if (document.all) // 因为all是ie私有的一个集合所以这里用来判断浏览器
imgInit.filters.revealTrans.play(); // play方法用来执行滤镜
}

var key=0;
function nextAd(){
if(adNum<j)adNum++ ; //如果adNum小于j adNum递加
else adNum=1; // 反之赋其为1

if( key==0 ){
key=1;
} else if (document.all){ // 判断浏览器如果为IE
imgInit.filters.revealTrans.Transition=8; // 设置它的类型.revealTrans有24种形式,这里设置为8
imgInit.filters.revealTrans.apply(); // 为转换做准备,不明白apply怎么用去参见苏小雨filters手册
playTran(); // 调用函数来执行转换滤镜

}
document.images.imgInit.src=imgUrl[adNum]; // 设置指定对象路径
theTimer=setTimeout("nextAd()", 6000); // 调用 函数,设置时间 单位毫秒
}


function goUrl(){
jumpUrl=imgLink[adNum]; // 给变量赋一个值这个是打开窗口的url
jumpTarget='_blank'; // 打开方式
if (jumpUrl != ''){ // 如果该变量不为空
if (jumpTarget != '') // 这个也不为空
window.open(jumpUrl,jumpTarget); // 打开窗口,内变量为上面所赋
else
location.href=jumpUrl; _fcksavedurl="jumpUrl;" _fcksavedurl="jumpUrl;" // 反之指向一个连接
}
}

<body>
<a href="javascript:goUrl()"><img style="FILTER: revealTrans(duration=2,transition=20);border-color:black;color:#000000" src="javascript:nextAd()" width=240 height=190 border=1 class=img01 name=imgInit></a>
</body>
</html>

 

本文地址:http://www.45fan.com/dnjc/72990.html
Tags: 图片 显示 交替
编辑:路饭网
关于我们 | 联系我们 | 友情链接 | 网站地图 | Sitemap | App | 返回顶部