图片交替显示代码(Javascript)

最新推荐文章于 2021-06-04 19:29:07 发布

luanlan02

最新推荐文章于 2021-06-04 19:29:07 发布

阅读量1.8k

点赞数

文章标签： javascript function transition 浏览器 filter border

本文链接：https://blog.csdn.net/luanlan02/article/details/1486827

版权

<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>

luanlan02

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
图片交替显示代码(Javascript)

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";
复制链接

扫一扫