用JavaScript完成网页上的改换广告,Dreamweaver制作
分类:前端操作

观景于网络之间,你会开采,因特网不不过新闻的大洋,也是广告的海洋。除了常见的Gif Banner、Flash外,浮动广告也是当下网络较为流行的广告情势之一。当您拖动浏览器的滚动条时,这种在页面上扭转的广告,能够跟随显示器一齐活动。尽管这种功用对于广告浮现成至极的实用价值,但对浏览你网页的人来说,那则是个既妨碍阅读,又影响阅读兴趣的事物,因而决不能滥用。然则,借使您能善用的话,它就会表明出巨大的功效。

;

  要做出浮动式广告的效应并不困难,固然你有JS基础的能够协和写四个,假使连写都懒得写的话,到英特网下载多少个特效工具,按提醒粘贴一下代码就OK。可是,想要真正精通它是什么做出来的,则要求了然一些JS知识了。这里向我们介绍一下简便的变化广告做法。

  漫游于网络之间,你会意识,因特网不可是新闻的海域,也是广告的汪洋大海。除了一般的Gif Banner、Flash外,浮动广告也是现阶段网络较为流行的广告方式之一。当你拖动浏览器的滚动条时,这种在页面上生成的广告,能够跟随显示器一齐运动。就算这种作用对于广告显示存一定的实用价值,但对浏览你网页的人来说,那则是个既妨碍阅读,又影响阅读兴趣的东西,因而相对不可能滥用。然而,就算你能善用的话,它就能够发布出非常大的功力。

  以下这段代码可放在<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=" src=../qqkk2000.gif border="0" height="60" width="60"></a>
   </div>

  要做出浮动式广告的效果与利益并不困难,假如您有JS基础的能够团结写贰个,假使连写都无心写的话,到网络下载叁个神效工具,按提醒粘贴一下代码就OK。不过,想要真正明白它是什么做出来的,则要求调整一些JS知识了。这里向大家介绍一下粗略的更改广告做法。  以下这段代码可放在<body></body>之间,其间作者参预了一部分讲授(即“//”后的文字及“<!—”“-->”之间的文字)。<SC奥德赛IPT FO奥德赛=window EVENT=onload LANGUAGE="JScript">initAd();//载入页面后,调用函数initAd()</SC翼虎IPT><script language="JScript"><!--function initAd() {document.all.AdLayer.style.posTop =

  在此间,你能够设置x、y的值来设定所固定层的职责,改变setTimeout("MoveLayer(AdLayer);", 20)中20的值为你希望调用MoveLayer()的时间间隔。还应该有要小心的是,使用的图片最佳为透明背景的gif图,以使图片的背景颜色不至于遮住前边的的剧情。

-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=" src='../qqkk三千.gif' border="0" height="60" width="60"></a> </div>  在此处,你能够设置x、y的值来设定所固定层的地点,改动setTimeout("MoveLayer('AdLayer');", 20)中20的值为您愿意调用MoveLayer()的年华距离。还会有要留神的是,使用的图形最棒为透明背景的gif图,以使图片的背景颜色不至于遮住前边的的剧情。  切记,要慎用浮动式广告,思量选取特效的还要,千万要思量到浏览者的感到,不可能滥用哦!

  切记,要慎用浮动式广告,思量动用特效的同有的时候候,千万要驰念到浏览者的认为到,无法滥用哦!

Banner、Flash外,浮动广告也是日前英特网较为流行的...

本文由正版必中一肖图发布于前端操作,转载请注明出处:用JavaScript完成网页上的改换广告,Dreamweaver制作

上一篇:js动态调用css属性的小规律 下一篇:没有了
猜你喜欢
热门排行
精彩图文