论坛首页   WEB网页设计  网页页面浮动广告制作教程

[公告]快到[搜艺招聘网]发布招聘信息 注册简历、发布自己作品！ ：）
网页页面浮动广告制作教程
yoguz 查看yoguz的博客 金钱 : 18255 Level : 0 发帖数 : 1564 最后登陆 : 2019/10/24 注册时间 : 2004/12/13	信息 | 留言 | 引用 | 回复 | 编辑 | 置顶 | 移动 | 删除 网页页面浮动广告制作教程 <SCRIPT FOR=window EVENT=onload LANGUAGE="JScript"> 　　 initAd();//载入页面后，调用函数initAd() 　　 </SCRIPT> 　　 <script language="JScript"> 　　 <!-- 　　 function initAd() { 　　 document.all.AdLayer.style.posTop = -200;//设置onLoad事件激发以后，广告层相对于固定后的y方向位置 　　 document.all.AdLayer.style.visibility = 'visible'//设置层为可见 　　 MoveLayer('AdLayer');//调用函数MoveLayer() 　　 } 　　 function MoveLayer(layerName) { 　　 var x = 800;//浮动广告层固定于浏览器的x方向位置 　　 var y = 500;//浮动广告层固定于浏览器的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://ike.net.cn"><img src='../qqkk2000.gif' border="0" height="60" width="60"></a> 　　 </div> 排卵期计算器 橙创意
2006/10/28	信息 | 留言 | 引用 | 回复 | 编辑 | 置顶 | 移动 | 删除