当前位置：首页> 正文

Dreamweaver调用JS悬浮对联广告方法

先在你的网站主目录建立JS文件，再建立一个JS文件（如ad-01.js）
打开文本将下面代码复制到其中，保存格式为js
function initEcAd() {
document.all.AdLayer1.style.posTop = -200;
document.all.AdLayer1.style.visibility = 'visible'
document.all.AdLayer2.style.posTop = -200;
document.all.AdLayer2.style.visibility = 'visible'
MoveLeftLayer('AdLayer1');
MoveRightLayer('AdLayer2');
}
function MoveLeftLayer(layerName) {
var x = 5;
var y = 100;// 左侧广告距离页首高度
var diff = (document.body.scrollTop + y - document.all.AdLayer1.style.posTop)*.40;
var y = document.body.scrollTop + y - diff;
eval("document.all." + layerName + ".style.posTop = parseInt(y)");
eval("document.all." + layerName + ".style.posLeft = x");
setTimeout("MoveLeftLayer('AdLayer1');", 20);
}
function MoveRightLayer(layerName) {
var x = 5;
var y = 100;// 右侧广告距离页首高度
var diff = (document.body.scrollTop + y - document.all.AdLayer2.style.posTop)*.40;
var y = document.body.scrollTop + y - diff;
eval("document.all." + layerName + ".style.posTop = y");
eval("document.all." + layerName + ".style.posRight = x");
setTimeout("MoveRightLayer('AdLayer2');", 20);
}

document.write("<div id=AdLayer1 style='position: absolute;visibility:hidden;z-index:1'><a href='http://你链接的网址' target='_blank'><img src=你链接的图片 border='0'></a></div>"
+"<div id=AdLayer2 style='position: absolute;visibility:hidden;z-index:1'><a href='http://你链接的网址' target='_blank'><img src=你链接的图片 border='0'></a></div>");
initEcAd()

// JavaScript Document

还没结束呢，，然后将 <script src="js/ad-01.js" language="JavaScript"></script>放在body中就OK了.

值得注意的是，如果你的网页高度不超过屏幕的话，是看不出来浮动的效果的；另外网页中不要包含DOCTYPE代码。比如含有
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://imgbuyun.weixiu-service.com/up79/202111/mpvqls3ip4e.dtd">br /> 这段代码时，浮动效果将消失。

要想XHTML也要产生浮动效果，只要把代码中的document.body改成document.documentElement就能使用了。

展开全文阅读