<b>Dreamweaver若何制作浮动广告</b>[DW设计]
本文“<b>Dreamweaver若何制作浮动广告</b>[DW设计]”是由七道奇为您精心收集，来源于网络转载，文章版权归文章作者所有，本站不对其观点以及内容做任何评价，请读者自行判断，以下是其具体内容：
环游于之间,你会发觉,因特网不但是信息的海洋,也是广告的海洋.除了普通的Gif Banner、外,浮动广告也是时下网上较为风行的广告情势之一.当你拖动浏览器的转动条时,这种在页面上浮动的广告,可以跟随屏幕一同移动.固然这种效果关于广告展示有相当的实用代价,但对浏览你的人来说,这则是个既阻碍阅读,又影响阅读爱好的东西,因此一定不能滥用.不过,假如你能善用的话,它就可以施展出极大的作用.
要做出浮动式广告的效果并不艰难,假如你有JS底子的可以自己写一个,假如连写都懒得写的话,到网上一个特效工具,按提醒粘贴一下代码就OK.不过,想要真正理解它是怎样做出来的,则需求掌握一些JS知识了.这里向大家介绍一下简单的浮动广告做法.
以下这段代码可放在<body></body>之间,其间我加入了一些注释（即“//”后的文字及“<!—”“-->”之间的文字）.
<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 = 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://www.5dmedia.com/bbs"><img src='/images/NullPic.gif' border="0" height="60" width="60"></a>
</div>
在这里,你可以设置x、y的值来设定所固定层的位置,改变setTimeout("MoveLayer('AdLayer');", 20)中20的值为你但愿调用MoveLayer()的时间隔断.还有要注意的是,利用的图片最好为透明后台的gif图,以使图片的后台颜色不至于遮住背面的的内容.
牢记,要慎用浮动式广告,考虑利用特效的同时,千万要考虑到浏览者的感受,不能滥用哦!
以上是“<b>Dreamweaver若何制作浮动广告</b>[DW设计]”的内容，如果你对以上该文章内容感兴趣，你可以看看七道奇为您推荐以下文章：
| 本文地址： | 与您的QQ/BBS好友分享! |
- 好的评价 如果您觉得此文章好，就请您
0%(0) 
- 差的评价 如果您觉得此文章差，就请您
0%(0) 
中查找“<b>Dreamweaver若何制作浮动广告</b>”更多相关内容
中查找“<b>Dreamweaver若何制作浮动广告</b>”更多相关内容