js 页面左右两侧居中广告代码

时间：2022-02-10 13:50:33|栏目：JavaScript代码|点击：次

<!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> #left{ width:200px;height:450px; position:absolute; left:0px; background:red; border:1px #000 solid} #right{width:200px;height:450px; position:absolute; right:0px; background:blue; border:1px #000 solid} #x,#y{ width:10px; height:10px;position:absolute;right:0px; top:0px;} </style> <script> window.onload=window.onscroll=function() { var oLeft = document.getElementById("left"); var oRight = document.getElementById("right"); var scrollY=document.documentElement.scrollTop||document.body.scrollTop; var clientH = document.documentElement.clientHeight; var oCloseX =document.getElementById("x") var oCloseY =document.getElementById("y") oLeft.style.top=(clientH-oLeft.offsetHeight)/2+scrollY+"px"; oRight.style.top=(clientH-oRight.offsetHeight)/2+scrollY+"px"; oCloseX.onclick=function() { this.parentNode.parentNode.removeChild(this.parentNode); } } </script> </head> <body style="height:2000px;"> <div id="left"> <div id="x">x</div> </div> <div id="right"> <div id="y">x</div> </div> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

上一篇：ajax+springmvc实现C与View之间的数据交流方法

栏目：JavaScript代码

下一篇：浅谈Javascript事件处理程序的几种方式

本文标题：js 页面左右两侧居中广告代码

本文地址：http://www.codeinn.net/misctech/193007.html

更多JavaScript代码

JavaScript代码

js 页面左右两侧居中广告代码

阅读排行

推荐教程