|
漫游于网络之间你会发觉互联网不但是信息的海洋也是广告的海洋除了普通的GIF BannerFlash外浮动广告也是时下网上较为流行的广告形式之一当你拖动浏览器的滚动条时这种在页面上浮动的广告可以跟随屏幕一起移动尽管这种效果对于广告展示有相当的实用价值但对浏览你网页的人来讲这则是个既妨碍阅读又影响阅读兴趣的东西因此一定不能滥用不过如果你能善用的话它就能发挥出极大的作用 要做出浮动式广告的效果并不困难如果你有JavaScript基础的可以自己写一个如果连写都懒得写的话到网上下载一个特效工具按提示粘贴一下代码就OK不过想要真正了解它是怎样做出来的则需要掌握一些JavaScript知识了这里向大家介绍一下简单的浮动广告做法 以下这段代码可放在<body></body>之间其间我加入了一些注释（即//后的文字及<！———>之间的文字） <SCRIPT FOR=window EVENT=onload LANGUAGE=JavaScript> initAd（）//载入页面后调用函数initAd（） </SCRIPT> <script language=JavaScript> <！——function initAd（） { documentallAdLayerstyleposTop = //设置onLoad事件激发以后广告层相对于固定后的y方向位置documentallAdLayerstylevisibility = visible//设置层为可见MoveLayer（AdLayer）//调用函数MoveLayer（） } function MoveLayer（layerName） { var x = //浮动广告层固定于浏览器的x方向位置var y = //浮动广告层固定于浏览器的y方向位置var diff = （documentbodyscrollTop + y documentallAdLayerstyleposTop）*var y = documentbodyscrollTop + y diffeval（documentall + layerName + styleposTop = y）eval（documentall + layerName + styleposLeft = x）//移动广告层setTimeout（MoveLayer（AdLayer） ）//设置毫秒后再调用函数MoveLayer（） } //——> </script> <！——下面为一个ID为AdLayer的层（如ID名不为AdLayer上面MoveLayer（）内的AdLayer也要作相应修改）包括一张带链接的图片——> <div id=AdLayer style=positionabsolute widthpx heightpx zindex visibilityhidden left px top px> <a >><img src=……/qqkkgif border= height= width=></a> </div>在这里你可以设置xy的值来设定所固定层的位置改变setTimeout（MoveLayer（AdLayer） ）中的值为你希望调用MoveLayer（）的时间间隔还有要注意的是使用的图片最好为透明背景的GIF图以使图片的背景颜色不至于遮住后面的的内容 切记要慎用浮动式广告考虑使用特效的同时千万要考虑到浏览者的感觉不能滥用哦！ |
