<!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=gb2312" />
<meta http-equiv="imagetoolbar" content="no" />
<title>SCA Ad Image Process</title>
<link rel="stylesheet" type="text/css" media="all" href="file:///E|/什刹海/SHICHAHAI1022/Web/Common2/JS/ext-3.2.1/examples/tabs/style.css" />
<style type="text/css">
body,html{
margin:0px;
height:100%;
color:#666666;
background:#000000;
overflow:hidden;}
div#adBox{
width:202px;
height:260px;
border:6px #999999 solid;
position:absolute;
overflow:hidden;
top:50%;
left:50%;
margin:-133px 0px 0px -103px;}
div#adBox .imgBox{
height:220px;
width:200px;
background:#666666;
padding:1px 1px 0px 1px;}
div#adBox #control{
width:201px;
height:12px;
background:#999999;
overflow:hidden;
border-left:1px #666666 solid;}
div#adBox #control div{
width:12px;
height:12px;
font-size:9px;
font-family:Arial, Helvetica, sans-serif;
line-height:13px;
text-indent:1px;
color:#eeeeee;
text-align:center;
float:right;
margin-left:1px;
cursor:pointer;
background:#666666;}
div#adBox #info{
height:30px;
overflow:hidden;
background:#999999;
border-top:1px #666666 solid;
font-size:12px;
color:#333333;
line-height:30px;}
div#adBox #info a{
color:#333333;
text-decoration:none;}
div#adBox #info a:hover{
color:#003366;
text-decoration:underline;}
</style>
<script type="text/javascript">
var obj=document.getElementById;
var currentAd=0;
var adTimer;
var baseurl="http://bbs.blueidea.com/attachments/2007/1/3/";//广告图片的根目录
var maxinfo=18;//信息栏可显示的最长字数
var adDelay=1000;//广告切换时间
var controlItemId="controlitem";//根据自己的页面为跟踪条取ID前缀
var mapcolor="#003366";//Ad跟踪条颜色,建议与信息栏的a:hover一样
var imglink=new Array();
imglink[0]=new Array("maplestory_fGsUHCiylFEk.jpg","http://www.baidu.com/","第二届冒险岛征文大赛火热报名中","")
imglink[1]=new Array("haizeiwang_yIdvHnbKRR5Z.jpg","http://www.baidu.com/","《海贼王》第2部明日在江汉影城上映","")
imglink[2]=new Array("naruto_zxndhBwQnt1D.jpg","http://www.baidu.com/","NARUTO,我最钟爱的角色投票","")
imglink[3]=new Array("lionking_g18UfhueAZlS.jpg","http://www.baidu.com/","《狮子王2》制片方宣称进入最后剪辑合成阶段","")
imglink[4]=new Array("dragoncat_5OuvU8f1PpAR.jpg","http://www.baidu.com/","荷兰动物学家已对龙猫的真实身份揭谜","")
imglink[5]=new Array("qianxun_wGdPvRpQAXU7.jpg","http://www.baidu.com/","日本动漫高手12日赴武汉进行学术交流","")
for(i=0;i<imglink.length;i++)
{
if(imglink[i][2].length<maxinfo)imglink[i][3]=imglink[i][2];
else imglink[i][3]=imglink[i][2].substring(0,maxinfo-3)+"...";
}
</script>
</head>
<body>
<div id="adBox">
<div class="imgBox">
<img src="http://bbs.blueidea.com/attachments/2007/1/3/maplestory_fGsUHCiylFEk.jpg" style="filter: progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=0.25,wipestyle=1,motion=forward);" id="show" alt="" />
</div>
<div id="control"></div>
<div id="info"></div>
</div>
<script type="text/javascript">
for(i=0;i<imglink.length;i++)
{
var itemBox=document.createElement();
itemBox.innerHTML="<div id='"+controlItemId+i+"'>"+(i+1)+"</div>";
control.appendChild(itemBox);
}
var controlItem=obj("control").getElementsByTagName("div");
function changeImg()//这个方法怎么会刷屏??????????????????????????????
{
obj("show").filters[0].apply();
obj("show").src=baseurl+imglink[currentAd][0];
obj("show").filters[0].play();
//obj("info").innerHTML="<a target='_blank' href='"+imglink[currentAd][1]+"' title='"+
//imglink[currentAd][2]+"'>"+imglink[currentAd][3]+"</a>";
for(i=0;i<controlItem.length;i++)
{
controlItem[i].style.backgroundColor=(i==currentAd)?mapcolor:"#666666";
}
currentAd++;
currentAd=(currentAd==imglink.length)?0:currentAd;
adTimer=setTimeout("changeImg()",adDelay);
}
changeImg();
for(i=0;i<controlItem.length;i++)
{
controlItem[i].onclick=function()
{
clearTimeout(adTimer);
currentAd=parseInt(this.id.substring(this.id.length-1,this.id.length));
changeImg();
};
}
obj("info").onmouseover=function(){clearTimeout(adTimer)};
obj("info").onmouseout=function(){adTimer=setTimeout("changeImg()",adDelay)};
</script>
</body>
</html>
解决方案 »
- 求助!setAttribute 在 IE7 浏览器失效!!
- 请问怎么实现点击按钮后在网页中间出现一张图片(第2层,类似于登陆的悬浮框)
- getElementById 获取label值
- 关于iframe的js的事件
- 怎样使所有的超连接窗口只在一个新窗口中打开
- 用showModalDialog()方法打开的窗口如何隐藏掉标题栏?
- 为何取出字符串split()出错
- 一个select 选中的值如何决定另一个select的值(同一页面中)????(急)
- 请问js弹出一个页面,怎样返回opener页面?
- document.getElementById().innerHTML 已赋值,也无JS错误,但页面内容没有刷新,什么原因呢?
- 为什么在我以下代码中,图片在ie和firefox都可以改变,但是,systemName的取值却只能在IE下可以改变!
- 如何让div一直保持在屏幕的最下面?
这个地方每循环一次,src需要去请求一次图片的路径,所以会看到页面刷新var adDelay=5000;//广告切换时间 这个数值设大一点就看不到了
obj("show").src=baseurl+imglink[currentAd][0];
这个不是在数组里取值吗 怎么会刷屏呢?
···········应该是····
应该是image对象换图片链接的时候 就会有刷的感觉,其实和f5 不同