当前位置:网站首页 > 横幅广告 > 正文

手机怎么设置浮动广告

作者:admin发布时间:2021-08-16分类:横幅广告浏览:评论:6


导读:复制代码代码如下:===""();//载入页面后,调用函数()  =""!--functio手机怎么设置浮动广告ninitAd(){document.all.AdLayer.s...

手机怎么设置浮动广告与浮动

复制代码

代码如下:

===""

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

  =""

!--

functio手机怎么设置浮动广告ninitAd(){

document.all.AdLayer.style.posTop=-200;//设置onLoad事件激发以后,广告层相对于固定后的y方向位置

document.all.AdLayer.style.visibility=visible//设置层为可见

MoveLayer(AdLayer);//调用函数MoveLayer()

}

functionMoveLayer(layerName){

varx=600;//浮动广告层固定于浏览器的x方向位置

vary=300;//浮动广告层固定于浏览器的y方向位置

vardiff=(document.body.scrollTop+y-document.all.AdLayer.style.posTop)*.40;

vary=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也要作相应修改),包括一张带链接的图片--

divid=AdLayerstyle=position:absolute;width:61px;height:59px;z-index:20;visibility:hidden;;left:600px;top:300px

ahref="https://www.jb51.net"imgsrc=../qqkk2000.gifborder="0"height="60"width="60"/a

  /div

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

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

您可能感兴趣的文章:

用js屏蔽被http劫持的浮动广告实现方法

基于javascript实现右下角浮动广告效果

js实现网站最上边可关闭的浮动广告条代码

如何制作浮动广告JavaScript制作浮动广告代码

兼容多浏览器的JS浮动广告[推荐]

又一个不错的js浮动广告代码

浮动广告js类实现

js实现左右两侧浮动广告


已有6位网友发表了看法:

欢迎 发表评论: