注册 登录  
 加关注
查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

一路奔跑

奔跑着一路向前...

 
 
 

日志

 
 

JS实现首页对联式广告栏  

2011-01-06 11:36:19|  分类: JavaScript |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

<SCRIPT LANGUAGE="JavaScript">
<!--
var showad = true;
var Toppx = 60;    //上端位置
var AdDivW = 100;   //宽度
var AdDivH = 360;   //高度
var PageWidth = 1024; //页面多少宽度象素下正好不出现左右滚动条
var MinScreenW = 1024; //显示广告的最小屏幕宽度象素

var ClosebuttonHtml = '<div align="center" style="width:100%;line-height:30px;height:30px;position:

absolute;top:0px;right:0px;margin:2px;padding:2px;z-index:2000;"><a href="javascript:;" onclick="hidead()"

style="color:red;text-decoration:none;font-size:12px;">关闭</a></div>'
var LeftContentHtml = '<div align="center" style="color:green;font-size:23pt;font-family:黑体;"><br/><img

src="images/leftimg.jpg" width="100px"/></div>';
var RightContentHtml = '<div align="center" style="color:green;font-size:23pt;font-family:黑体;"><br/><img

src="images/rightimg.jpg" width="100px" /></div>';
document.write ('<div id="Javascript.LeftDiv" style="position: absolute;border: 1px solid #ffcc00;background-

color:#EEEEE2;z-index:1000;width:'+AdDivW+'px;height:'+AdDivH+'px;top:-1000px;word-break:break-

all;display:none;">'+ClosebuttonHtml+'<div>'+LeftContentHtml+'</div></div>');
document.write ('<div id="Javascript.RightDiv" style="position: absolute;border: 1px solid #ffcc00;background-

color:#EEEEE2;z-index:1000;width:'+AdDivW+'px;height:'+AdDivH+'px;top:-1000px;word-break:break-

all;display:none;">'+ClosebuttonHtml+'<div>'+RightContentHtml+'</div></div>');
function scall(){
if(!showad){return;}
if (window.screen.width<=MinScreenW){
   showad = false;
   document.getElementById("Javascript.LeftDiv").style.display="none";
   document.getElementById("Javascript.RightDiv").style.display="none";
   return;
}
var Borderpx = ((window.screen.width-PageWidth)/2-AdDivW)/2;

document.getElementById("Javascript.LeftDiv").style.display="";
document.getElementById("Javascript.LeftDiv").style.top=document.body.scrollTop+Toppx;
document.getElementById("Javascript.LeftDiv").style.left=document.body.scrollLeft+Borderpx;
document.getElementById("Javascript.RightDiv").style.display="";
document.getElementById("Javascript.RightDiv").style.top=document.body.scrollTop+Toppx;
document.getElementById("Javascript.RightDiv").style.left=document.body.scrollLeft+document.body.clientWidth-

document.getElementById("Javascript.RightDiv").offsetWidth-Borderpx;
}

function hidead()
{
showad = false;
document.getElementById("Javascript.LeftDiv").style.display="none";
document.getElementById("Javascript.RightDiv").style.display="none";
}
window.onscroll=scall;
window.onresize=scall;
window.onload=scall;
//-->
</SCRIPT>

  评论这张
 
阅读(396)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018