11.16

 

今天通过一天的复习和练习，对网页的知识又增加了。

比如：

<SCRIPT FOR=window EVENT=onload LANGUAGE="JavaScript">

initAd();//载入页面后，调用函数initAd()

</SCRIPT>

<script language="JavaScript">

<!--

function initAd() {

document.all.AdLayer.style.posTop = -200;

//设置onLoad事件激发以后，广告层相对于固定后的y方向位置

document.all.AdLayer.style.visibility = 'visible'//设置层为可见

MoveLayer('AdLayer');//调用函数MoveLayer()

}

function MoveLayer(layerName) {

var x = 600;//浮动广告层固定于浏览器的x方向位置

var y = 300;//浮动广告层固定于浏览器的y方向位置

var diff = (document.body.scrollTop + y - document.all.AdLayer.style.posTop)*.40;

var y = document.body.scrollTop + y - diff;

eval("document.all." + layerName + ".style.posTop = y");

eval("document.all." + layerName + ".style.posLeft = x");//移动广告层

setTimeout("MoveLayer('AdLayer');", 20);//设置20毫秒后再调用函数MoveLayer()

}

//-->

</script>

<!--下面为一个ID为AdLayer的层(如ID名不为AdLayer，

上面MoveLayer()内的AdLayer也要作相应修改)，包括一张带链接的图片-->

<div id=AdLayer style='position:absolute; width:61px; height:59px; z-index:20; visibility:hidden;; left: 600px; top: 300px'>

<a href="http://linhe.net"><img src='http://linhe.net/logo.gif' border="0" height="31" width="88"></a>

</div>

 

</html>