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. maven学习心得整理

    maven的学习心得 已经接触了maven项目有一段时间了,开始时仅仅会使用,在使用中发现了它的强大和方便,于是决心研究一下: 首先,普及一下maven参数: -D:传入属性参数 -P:使用POM中指 ...

  2. JS中关于JS文件的引用以及问题

    问题描述:          由于JSP中JS函数比较多,因此打算新建一个JS文件在JSP中引用JS文件,现在出现如下问题,JS如何引用时正确的,JS引用之后出现乱码如何解决? 问题解决: (1)JS ...

  3. CSS透明属性详解代码

    透明往往能产生不错的网页视觉效果,先奉上兼容主流浏览器的CSS透明代码: 代码如下: .transparent_class { filter:alpha(opacity=50); -moz-opaci ...

  4. linux下如何导入导出MySQL数据库

    一.导出:用mysqldump命令行命令格式mysqldump -u 用户名 -p 数据库名 > 数据库名.sql范例:mysqldump -u root -p abc > abc.sql ...

  5. uva 10859

    刘书例题  树形dp #include <cstdio> #include <cstdlib> #include <cmath> #include <map& ...

  6. Mac和iOS开发资源汇总

    小引 本文主要汇集一些苹果开发的资源,会经常更新,建议大家把这篇文章单独收藏(在浏览器中按command+D). 今天(2013年7月19日)收录了许多中文网站和博客.大家一定要去感受一下哦. 如果大 ...

  7. Tutorial Unity 4 apk splitting into OBB for google play

    http://docs.unity3d.com/Manual/android-OBBsupport.html http://www.exoa.fr/tutorial-unity-4-apk-split ...

  8. HDOJ 1284 钱币兑换问题

    转自:wutianqi http://www.wutianqi.com/?p=981 题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=1284 tag:母 ...

  9. ***redis linux 命令使用总结

    redis命令参考: http://redisdoc.com/ 1. [root@iZ25rloipcsZ src]# redis-cli-bash: redis-cli: command not f ...

  10. ASP.NET 免费开源控件

    AspNetPager分页控件(当前版本:7.5.1) AspNetPager分页控件是应用于ASP.NET WebForm网站或应用程序中的自定义分页控件,支持默认的回发(Postback)分页和U ...