管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

标准布局应用：对联与旗帜

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<meta name="description" content="http://blog.pr1984.com - 代码剪辑库 ( PR 50198763 )" /> 
<title>符合标准的正常工作的对联广告</title> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20type%3D%22text%2Fjavascript%22%3E%20%0D%0A%3C!--%20%20%0D%0AlastScrollY%20%3D%200%3B%20%0D%0Afunction%20heartBeat()%7B%20%20%0D%0Avar%20diffY%3B%20%0D%0Aif%20(document.documentElement%20%26%26%20document.documentElement.scrollTop)%20%0D%0A%20diffY%20%3D%20document.documentElement.scrollTop%3B%20%0D%0Aelse%20if%20(document.body)%20%0D%0A%20diffY%20%3D%20document.body.scrollTop%20%0D%0Aelse%20%0D%0A%20%20%20%20%7B%2F*Netscape%20stuff*%2F%7D%20%0D%0A%20%20%0D%0A%2F%2Falert(diffY)%3B%20%0D%0Apercent%3D.1*(diffY-lastScrollY)%3B%20%20%0D%0Aif(percent%3E0)percent%3DMath.ceil(percent)%3B%20%20%0D%0Aelse%20percent%3DMath.floor(percent)%3B%20%20%0D%0Adocument.getElementById(%22leftDiv%22).style.top%20%3D%20parseInt(document.getElementById(%22leftDiv%22).style.top)%2Bpercent%2B%22px%22%3B%20%0D%0Adocument.getElementById(%22rightDiv%22).style.top%20%3D%20parseInt(document.getElementById(%22leftDiv%22).style.top)%2Bpercent%2B%22px%22%3B%20%0D%0A%0D%0AlastScrollY%3DlastScrollY%2Bpercent%3B%20%20%0D%0A%2F%2Falert(lastScrollY)%3B%20%0D%0A%7D%20%0D%0A%0D%0A%2F%2F%E4%B8%8B%E9%9D%A2%E8%BF%99%E6%AE%B5%E5%88%A0%E9%99%A4%E5%90%8E%EF%BC%8C%E5%AF%B9%E8%81%94%E5%B0%86%E4%B8%8D%E8%B7%9F%E9%9A%8F%E5%B1%8F%E5%B9%95%E8%80%8C%E7%A7%BB%E5%8A%A8%E3%80%82%20%0D%0Awindow.setInterval(%22heartBeat()%22%2C1)%3B%20%0D%0A%2F%2F--%3E%20%0D%0A%3C%2Fscript%3E">

/* 这里是设置对联样式滴 */ 
#leftDiv,#rightDiv{ 
   width:120px; /* 宽度 */ 
   height:250px; /* 高度 */ 
   background-color:#e5e5e5; /* 背景颜色 */ 
   border:1px solid #ddd; /* 边框样式 */ 
   position:absolute; /* 绝对定位激活 */ 
} 
--> 
</style> 
</head>

<body>

<div id="leftDiv" style="top:120px; /* 距离顶部120px */ left:2px; /* 距离左侧2px */ ">左侧广告内容</div> 
<div id="rightDiv" style="top:120px; /* 距离顶部120px */ right:2px; /* 距离右侧2px */ ">右侧广告内容</div>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程