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

更新时间：2012年03月29日 01:02:30 作者：

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> #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需再刷新一下页面才能执行]

点弹代码点击页面任何位置都可以弹出页面效果代码
有时候需要点击页面任何位置都可以弹出页面效果，多用于游戏，导航类网站推广
2012-09-09
JS实现用键盘控制DIV上下左右+放大缩小与变色
用键盘控制DIV，红色方块为键盘操作区域，您可以进行如下操作:左右控制;背景变为绿色;背景变为黄色;背景变为蓝色放大或缩小
2012-12-12
js实现完美拖拽效果可拖动层与回放拖动规迹并显示拖动距离参数
一个完美的JS拖拽功能，实现层在网页上任意拖动，还可回放拖动规迹，而且在拖动时显示拖动距离参数等相关属性。经本人测试兼容性也是相当不错的代码，学习JavaScript的朋友，可以拿来研究研究，您可不要错过哦
2012-12-12
基于jQuery的弹出隐藏层的窗口特效
jQuery弹出隐藏层的窗口特效，缺少了几个小图片，这个自己制作几个补上去吧，这不是关键的东西。
2011-08-08
始终在页面底部的层js实现代码
其实就是通过js将层始终定位在底部，多用于提示效果
2012-11-11
据说是Google首页的网页模块拖动代码
据说是Google首页的网页模块拖动代码，Google很早就应用了网页拖动特效，不知大家发现没？本款拖动特效可以说是完全模仿了Google的拖动代码，比较有代表性，因此也很有参考价值，奉献给大家，仅供参考。
2010-09-09
js漂浮广告实现代码（合集经典）符合W3C
js漂浮广告实现代码，实际上就是一个来回滚动的小图片，碰到边缘就返回，也是一种广告形式，需要的朋友可以收藏下
2012-04-04
js 左右悬浮对联广告特效代码
一段js 左右悬浮广告特效代码，js制作web网页左右悬浮广告特效，左右悬浮广告通常也称为对联广告，需要的朋友参考下
2014-12-12
js 左右悬浮对联广告代码示例
这篇文章主要介绍了js 左右悬浮对联广告代码示例,需要的朋友可以参考下
2014-12-12
支持IE,firefxo,chrome浏览器下鼠标拖动和拖拽的鼠标指针特效
这篇文章主要分享一个鼠标拖动的层的实例，支持谷歌浏览器，firefox，ie等浏览器，需要的朋友可以测试下
2015-02-02