Dreamweaver如何制作浮动广告

2008-02-23 06:09:56来源：互联网阅读 ()

漫游于网络之间，您会发觉，因特网不但是信息的海洋，也是广告的海洋。除了普通的Gif Banner、Flash外，浮动广告也是时下网上较为流行的广告形式之一。当您拖动浏览器的滚动条时，这种在页面上浮动的广告，能够跟随屏幕一起移动。尽管这种效果对于广告展示有相当的实用价值，但对浏览您网页的人来讲，这则是个既妨碍阅读，又影响阅读兴趣的东西，因此一定不能滥用。但是，假如您能善用的话，他就能发挥出极大的作用。

　　要做出浮动式广告的效果并不困难，假如您有JS基础的能够自己写一个，假如连写都懒得写的话，到网上下载一个特效工具，按提示粘贴一下代码就OK。但是，想要真正了解他是怎样做出来的，则需要掌控一些JS知识了。这里向大家介绍一下简单的浮动广告做法。

　　

　　以下这段代码可放在<body></body>之间，其间我加入了一些注释（即“//”后的文字及“<!―”“-->”之间的文字）。

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

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

　　</SCRIPT>

　　<script language="JScript">

　　

　　</script>

　　

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

　　<a href="http://www.5dmedia.com/bbs"><img src='../qqkk2000.gif' border="0" height="60" width="60"></a>

　　</div>

　　在这里，您能够配置x、y的值来设定所固定层的位置，改变setTimeout("MoveLayer('AdLayer');", 20)中20的值为您希望调用MoveLayer()的时间间隔。更有要注意的是，使用的图片最好为透明背景的gif图，以使图片的背景颜色不至于遮住后面的的内容。

　　切记，要慎用浮动式广告，考虑使用特效的同时，千万要考虑到浏览者的感觉，不能滥用哦！

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有