回 帖 发 新 帖 刷新版面

主题:浮动广告问题

我在网上找到很多的浮动广告代码,但试了很多次,总不成功.求达人们告诉我用法.
<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="浮动窗口要连接的地址"><img src='../longlong1.gif' border="0" height="60" width="60"></a> 
   </div>

回复列表 (共3个回复)

沙发

<head>
<script language=JavaScript>
var gox=1 ;
var goy=1;
function move( )
{
var w=window.document.body.offsetWidth; //获取body部分宽度
var h=window.document.body.offsetHeight; //获取body部分高度

var speedx=20 ; //Math.random()*50;  //横向的移动速度
var speedy=Math.tan(Math.PI/4)*speedx;  //纵向的移动速度:PI/4即45度,tan()表示正切函数。
var x=document.getElementById("Layer1").style.left;
var y=document.getElementById("Layer1").style.top;
//获取层所在的位置

if (parseInt(x)+150>w || parseInt(x)<0 )
   gox=-gox; //当超过width范围设一个标记

if (parseInt(y)+100>h || parseInt(y)<0)
   goy=-goy; //当超过height范围设一个标记

document.getElementById("Layer1").style.left=parseInt(x)+speedx*gox;
document.getElementById("Layer1").style.top=parseInt(y)+speedy*goy;

setTimeout("move( )",12000);
}
</script>
 
<TITLE>随机漂浮的广告</TITLE></head>
<body onLoad="move( )">
<DIV  id="Layer1" style="position:absolute; left:0px; top:0px; width:150px; height:100px; z-index:1"><A href="http://www.mycom.cn"><IMG src="piaofu.jpg" width="150" height="100" border="0"></A></DIV>
<H2>随机漂浮的广告</H2>
<P></P>
</BODY>
</HTML>

板凳

楼上的,为什么测试的时候.图片闪一下就消失了,是需要调一些参数吗?

3 楼

不会吧,为什么我的机子上不会啊,你把那个移动参数设小点!

我来回复

您尚未登录,请登录后再回复。点此登录或注册