js图片循环广告代码（转）

最新推荐文章于 2018-07-12 16:55:57 发布

a651944226

最新推荐文章于 2018-07-12 16:55:57 发布

阅读量1.3k

点赞数

文章标签： border function filter class xhtml image

本文链接：https://blog.csdn.net/a651944226/article/details/6482343

版权

js图片循环广告代码

代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

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

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>图片循环广告代码</title>

<style type="text/css">



</style>

</head>

<body>

<div id="new_show">

<div id="img_area"> <img id="top_trun_image_src" src="#" alt="" /></div>

<ul id="select_num">

<li class="new_show_off">1</li>

<li class="new_show_off">2</li>

<li class="new_show_on">3</li>

</ul>

</div>

<script type="text/javascript">

function getObj(name){

return document.getElementById(name);

}

function chclickimg(obj,k){ // 对象obj，对象序号k

obj.οnmοuseοver=function(){

var tmp;

for (c=0;c<lis.length;c++){

if (c==k){

str = topTabArray[c].split('｜｜');

getObj('top_trun_image_src').src = str[0];

lis[c].className="new_show_on"

key=c;

}

else {

lis[c].className="new_show_off"

}

}

var obj=document.getElementById("img_area");

obj.filters.alpha.opacity = tou_ming_chu_zhi;

var interObj = setInterval(function(){

obj.filters.alpha.opacity+=5;

if(obj.filters.alpha.opacity==100){clearInterval(interObj);}

},100);

}

}

var tou_ming_chu_zhi=0;//设置透明初值

var bian_hua_su_du=8;

var topTabArray = new Array();//组织数据------- topTabArray[0] = "图片地址｜｜连接";

topTabArray[0] = " http://www.forasp.cn/images/middle.gif｜｜http://www.forasp.cn/";

topTabArray[1] = " http://www.forasp.cn/images/middle.gif｜｜http://www.forasp.cn/";

topTabArray[2] = " http://www.forasp.cn/images/middle.gif｜｜http://www.forasp.cn/";

var key = 1;//记录当前的位置

var selects = getObj('select_num');

var lis = selects.getElementsByTagName('li');

for (var i=0;i<lis.length;i++){//绑定事件处理函数

chclickimg(lis[i],i);

}

lis[0].onmouseover();

</script>

</body>

</html>