var browser = { ie6: function () { return ((window.XMLHttpRequest == undefined) && (ActiveXObject != undefined)) }, getWindow: function () { var myHeight = 0; var myWidth = 0; if (typeof (window.innerWidth) == 'number') { myHeight = window.innerHeight; myWidth = window.innerWidth } else if (document.documentElement) { myHeight = document.documentElement.clientHeight; myWidth = document.documentElement.clientWidth } else if (document.body) { myHeight = document.body.clientHeight; myWidth = document.body.clientWidth } return { 'height': myHeight, 'width': myWidth} }, getScroll: function () { var myHeight = 0; var myWidth = 0; if (typeof (window.pageYOffset) == 'number') { myHeight = window.pageYOffset; myWidth = window.pageXOffset } else if (document.documentElement) { myHeight = document.documentElement.scrollTop; myWidth = document.documentElement.scrollLeft } else if (document.body) { myHeight = document.body.scrollTop; myWidth = document.body.scrollLeft } return { 'height': myHeight, 'width': myWidth} }, getDocWidth: function (D) { if (!D) var D = document; return Math.max(Math.max(D.body.scrollWidth, D.documentElement.scrollWidth), Math.max(D.body.offsetWidth, D.documentElement.offsetWidth), Math.max(D.body.clientWidth, D.documentElement.clientWidth)) }, getDocHeight: function (D) { if (!D) var D = document; return Math.max(Math.max(D.body.scrollHeight, D.documentElement.scrollHeight), Math.max(D.body.offsetHeight, D.documentElement.offsetHeight), Math.max(D.body.clientHeight, D.documentElement.clientHeight)) } }; var dom = { ID: function (id) { var type = typeof (id); if (type == 'object') return id; if (type == 'string') return document.getElementById(id); return null }, insertHtml: function (html) { var frag = document.createDocumentFragment(); var div = document.createElement("div"); div.innerHTML = html; for (var i = 0, ii = div.childNodes.length; i < ii; i++) { frag.appendChild(div.childNodes[i]) } document.body.insertBefore(frag, document.body.firstChild) } }; var myEvent = { add: function (element, type, handler) { var ele = dom.ID(element); if (!ele) return; if (ele.addEventListener) ele.addEventListener(type, handler, false); else if (ele.attachEvent) ele.attachEvent("on" + type, handler); else ele["on" + type] = handler }, remove: function (element, type, handler) { var ele = dom.ID(element); if (!ele) return; if (ele.removeEventListener) ele.removeEventListener(type, handler, false); else if (ele.detachEvent) ele.detachEvent("on" + type, handler); else ele["on" + type] = null } }; var position = { rightCenter: function (id) { var id = dom.ID(id); var ie6 = browser.ie6(); var win = browser.getWindow(); var ele = { 'height': id.clientHeight, 'width': id.clientWidth }; if (ie6) { var scrollBar = browser.getScroll() } else { var scrollBar = { 'height': 0, 'width': 0 }; id.style.position = 'fixed' } ele.top = parseInt((win.height - ele.height) / 2 + scrollBar.height); id.style.top = ele.top + 'px'; id.style.right = '3px' }, floatRightCenter: function (id) { position.rightCenter(id); var fun = function () { position.rightCenter(id) }; if (browser.ie6()) { myEvent.add(window, 'scroll', fun); myEvent.add(window, 'resize', fun) } else { myEvent.add(window, 'resize', fun) } }, leftCenter: function (id) { var id = dom.ID(id); var ie6 = browser.ie6(); var win = browser.getWindow(); var ele = { 'height': id.clientHeight, 'width': id.clientWidth }; if (ie6) { var scrollBar = browser.getScroll() } else { var scrollBar = { 'height': 0, 'width': 0 }; id.style.position = 'fixed' } ele.top = parseInt((win.height - ele.height) / 2 + scrollBar.height); id.style.top = ele.top + 'px'; id.style.left = '3px' }, floatLeftCenter: function (id) { position.leftCenter(id); var fun = function () { position.leftCenter(id) }; if (browser.ie6()) { myEvent.add(window, 'scroll', fun); myEvent.add(window, 'resize', fun) } else { myEvent.add(window, 'resize', fun) } } };

function ad_left() {
var html;
html = '<div id="ad_left" style="position:absolute;width:100px;height:300px;z-index:10001"><a style="position:absolute;top:-15px;left:0;" href="javascript:void(0);" onclick="document.getElementById(\'ad_left\').style.display=\'none\'">关闭</a><a href="http://www.xiaotouchengxu.com/" target=_blank><img src="http://www.xiaotouchengxu.com/ad/x1.gif" width="100" height="300" /></a></div>';
dom.insertHtml(html); position.floatLeftCenter('ad_left');
}
function ad_right() {
var html;
html = '<div id="ad_right" style="position:absolute;width:100px;height:300px;z-index:10001"><a style="position:absolute;top:-15px;right:0;" href="javascript:void(0);" onclick="document.getElementById(\'ad_right\').style.display=\'none\'">关闭</a><a href="http://www.xiaotouchengxu.com/" target=_blank><img src="http://www.xiaotouchengxu.com/ad/x1.gif" width="100" height="300" /></a></div>';
dom.insertHtml(html); position.floatRightCenter('ad_right');
}
myEvent.add(window, 'load', ad_left);
myEvent.add(window, 'load', ad_right);

js对联广告代码,兼容性高的更多相关文章

  1. Js浮动广告效果实现

    第一种 漂浮广告 不符合W3CJavaScript漂浮广告代码,很不错,代码精简,不过一次只有漂一个,复制就能用了.希望站长朋友喜欢. <html> <head> <ti ...

  2. JavaScript浮动广告代码,容纯DIV/CSS对联漂浮广告代码,兼容性非常好的js右下角与漂浮广告代码

    基于JavaScript代码实现随机漂浮图片广告,javascript图片广告 在网上有很多这样的代码,不过未必符合W3C标准,因为在头部加上<!DOCTYPE html>类似标签之后,漂 ...

  3. JS使用cookie实现只出现一次的广告代码效果

    我们上网经常会遇到第一次需要登录而之后不用再登录的网站的情况,其实是运用了Cookie 存储 web 页面的用户信息,Cookie 以名/值对形式存储,当浏览器从服务器上请求 web 页面时, 属于该 ...

  4. Js弹性漂浮广告代码

    <html><head><meta http-equiv="Content-Type" content="text/html; charse ...

  5. 使用cookie实现只出现一次的广告代码效果

    我们上网经常会遇到第一次需要登录而之后不用再登录的网站的情况,其实是运用了Cookie 存储 web 页面的用户信息,Cookie 以名/值对形式存储,当浏览器从服务器上请求 web 页面时, 属于该 ...

  6. js右下角弹窗代码(实测好用)

    实测好用的js右下角弹窗代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "htt ...

  7. js获取隐藏元素宽高的方法

    网上有一些js获取隐藏元素宽高的方法,但是可能会存在某些情况获取不了. 例如: <!DOCTYPE html> <html lang="en"> <h ...

  8. 关于JS的一些代码效果图

    关于JS的一些代码效果图 1.几乎所有DOM元素都有innerText.innerHTML属性(注意大小写),分别是元素标签内内容的文本表示形式和HTML源代码,这两个属性是可读可写的. 需要注意的是 ...

  9. [转]javascript对联广告、漂浮广告封装类,多浏览器兼容

    封装的JS方法: function $$(element){ if(arguments.length>1){ for(var i=0,elements=[],length=arguments.l ...

随机推荐

  1. Django 学习笔记之七 实现分页

    接着上篇,在上篇的基础上实现网页数据分页显示 1.打开views.py,编辑如下 #coding:utf-8from django.shortcuts import render,get_object ...

  2. Directx3D SimpleSample Sample

    在d3d 2010 june这个版本里的samples 不知道为什么SimpleSample Sample 这个 它的documents基本等于没有 Starting point for new Di ...

  3. curPos和tgtPos

    curpos tgtpos 乍一看以为是当前位置和目标位置,但在项目里面这两个位置有点坑 当客户端玩家移动或者AI里面的位置,会把获得的位置付给tgtpos 而以前的tgtpos会付给curpos 所 ...

  4. 前端学习笔记汇总(之merge方法)

    学习笔记 关于Jquery的merge方法 话不多说,先上图 使用jquery时,其智能提示如上,大概意思就是合并first和second两个数组,得到的结果是first+(second去重后的结果) ...

  5. Pycharm

    1.下载pycharm-community-3.0.2.exe 2.setting: keymap scheme:快捷键方案,可选择自带的:default:或者选择eclipse的快捷方案. ide ...

  6. spark在eclipse上配置

    环境:spark1.4.0,hadoop2.6.0 1.安装好jdk 2.在spark的conf目录下找到spark-env.sh.template,打开,在后面加上 export SCALA_HOM ...

  7. Ubuntu 14.04 + Linux 3.14.34 系统调用实现文件拷贝

    采用 64位系统, ubuntu 14.04 + 新内核linux-3.14.34 下载地址https://www.kernel.org/pub/linux/kernel/v3.x/linux-3.1 ...

  8. lintcode 中等题: reverse linked list II 翻转链表II

    题目 翻转链表 II 翻转链表中第m个节点到第n个节点的部分 样例 给出链表1->2->3->4->5->null, m = 2 和n = 4,返回1->4-> ...

  9. lintcode :数组剔除元素后的乘积

    题目: 数组剔除元素后的乘积 给定一个整数数组A. 定义B[i] = A[0] * ... * A[i-1] * A[i+1] * ... * A[n-1], 计算B的时候请不要使用除法. 样例 给出 ...

  10. POJ1182 食物链

    并查集经典题1. 向量的思考模式2. 再计算向量时,要画图:有一个关系一开始写错了3. 本人的norm函数一开始x >= 3写成了 x>3,应该对这种小函数多做UT(口头上的,比如)4. ...