[Javascript] 对联广告代码模板
以前在公司负责广告这块,曾经研究过在Windows/Macintosh下的各种浏览器中的js运行效果,而总结出一些兼容函数。
用在公司网站上之后,没想到居然有幸被用户们拿去当成了范例(现在在网上搜 MK_pageX 应该能找到不少,其中 MK_ 是我的特征前缀,就是 Moky 的缩写,当时是为了避免和原有函数冲突而加的),哈哈~
可能和我一贯的编写代码原则有关吧:我一向坚持独立功能独立开发,只要不是特别复杂的东西,尽量不依赖于那些庞大的库。
我的本意是为了让代码更轻便,不过可能也正因为我的代码通常都很简单(而且我奉行 Internet Sharing 精神,从不刻意“保护”自己的代码),
所以比较适合用来教学。
既然如此,那我干脆就贴一份最原始的(我看到网上有一些已作了一点小改动,我不知道这样是否更利于学习),
权当是官方版本吧。呵呵
我们公司的web广告大体可以分为固定广告(通常是横幅、竖栏之类的iframe广告)和浮动广告(对联、边角漂浮等)。
固定广告没啥好说的,就是嵌个格子,只要把flash的兼容问题搞定就行了。
而浮动广告大同小异,关键是计算窗体大小以及元素坐标问题,最典型的应数对联广告和右下角浮动广告。
这里以对联广告为例:
/***7
* 对联广告代码-DI (Double Images)
* by Moky @ 2006/12/12;
*/
DI_sLeftImageUrl = "$imagename$";
DI_sRightImageUrl = "$imagename2$";
DI_sClickUrl = "$clickurl$";
DI_sImageUrl = "$imageurl$";
DI_iImageWidth = parseInt("$width$");
if (isNaN(DI_iImageWidth)) DI_iImageWidth = 100;
DI_iImageHeight = parseInt("$height$");
if (isNaN(DI_iImageHeight)) DI_iImageHeight = 300;
DI_iMinWindowWidth = 786 + DI_iImageWidth * 2; /* avoid covering the web content */
DI_iTop = 17;
DI_iLeft = 10;
DI_iRight = 12;
DI_iTimeout = 500;
DI_blClosed = false;
/*---- common codes begin ----*/
var __bs__ = navigator.userAgent.indexOf("MSIE") > 0 ?
"MSIE" : navigator.userAgent.indexOf("Safari") > 0 ?
"Safari" : "others";
var __dt__ = (document.documentElement.clientHeight > 0) &&
(__bs__ == "MSIE" || document.body.clientHeight > document.documentElement.clientHeight) ?
"W3C" : "undefined";
function MK_pageY() {
if (__bs__ == "MSIE") {
if (__dt__ == "W3C")
r
相关文档:
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetL ......
JS层
// 定义一个全局
var xmlHttp;
// 返回一个xmlHttpRequest对象
function createXMLHttpRequest() {
if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
} else {
if (window.ActiveXObject) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
}
return xmlHttp;
}
......
一直以来对if(obj)的用法有点疑惑,不知道如果obj是一个对象的时候(而不是简单的true/false),该怎么执行。在什么情况下该为true,什么情况下又该为false.
通过下面的小测试,了解到,当obj="",obj=undefined,obj=null,obj=NaN 的时候返回false,obj不为空的时候则返回true。
var obj ;//undefined
if(ob ......
JavaScript 是 Web 开发与设计中缺一不可的货色,不管是一个简略的网页仍是一个专业的站点,也甭管你是好手仍是菜鸟,现今 JavaScript 库愈来愈强大,可以胜任好多复杂的工作,然则与此同时,众人在泛滥 JavaScript 库眼前又觉着不知所措,正文,我们将应用 Google 搜寻出排行前 十 位的 JavaScript 库,并对它们逐个 ......
可以控制列表按日期以及按字数排序.升或者降序.
代码简单封装,按一定的格式调用即可。
代码写的比较繁琐,很多方法用的很原始...
代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
......