右边悬浮广告代码（网站悬浮广告代码）

今天给各位分享右边悬浮广告代码的知识，其中也会对网站悬浮广告代码进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、求网站左右空白地方悬浮对联广告代码，可以上下移动的那种
• 2、怎么使一个广告代码显示的图片悬浮右下角
• 3、求一个右下角的漂浮广告代码？
• 4、悬浮广告代码，带链接的
• 5、CSS 网页两边的悬浮广告 谁有制作代码，最好是，源文件！谢谢！！！！可追加悬赏！！！！
• 6、如何让浮动的广告在页面右侧固定，且随着屏幕的上移下移移动？

求网站左右空白地方悬浮对联广告代码，可以上下移动的那种

先在你的网站主目录建立JS文件，再建立一个JS文件（如ad-01.js）

打开文本将下面代码复制到其中，保存格式为js

function initEcAd() {

document.all.AdLayer1.style.posTop = -200;

document.all.AdLayer1.style.visibility = 'visible'

document.all.AdLayer2.style.posTop = -200;

document.all.AdLayer2.style.visibility = 'visible'

MoveLeftLayer('AdLayer1');

MoveRightLayer('AdLayer2');

}

function MoveLeftLayer(layerName) {

var x = 5;

var y = 100;// 左侧广告距离页首高度

var diff = (document.body.scrollTop + y - document.all.AdLayer1.style.posTop)*.40;

var y = document.body.scrollTop + y - diff;

eval("document.all." + layerName + ".style.posTop = parseInt(y)");

eval("document.all." + layerName + ".style.posLeft = x");

setTimeout("MoveLeftLayer('AdLayer1');", 20);

}

function MoveRightLayer(layerName) {

var x = 5;

var y = 100;// 右侧广告距离页首高度

var diff = (document.body.scrollTop + y - document.all.AdLayer2.style.posTop)*.40;

var y = document.body.scrollTop + y - diff;

eval("document.all." + layerName + ".style.posTop = y");

eval("document.all." + layerName + ".style.posRight = x");

setTimeout("MoveRightLayer('AdLayer2');", 20);

}

document.write("div id=AdLayer1 style='position: absolute;visibility:hidden;z-index:1'a href='http://你链接的网址' target='_blank'img src=你链接的图片 border='0'/a/div"

+"div id=AdLayer2 style='position: absolute;visibility:hidden;z-index:1'a href='http://你链接的网址' target='_blank'img src=你链接的图片 border='0'/a/div");

initEcAd()

// JavaScript Document

还没结束呢，，然后将 script src="js/ad-01.js" language="JavaScript"/script放在body中。就OK了，还不明白就加我QQ：9142673。我指导你。。

怎么使一个广告代码显示的图片悬浮右下角

这个使用html来实现的

首先做一个div快

div id="myId"

a href="你要连接的网站" img src="图片的地址" / /a

!-- 用一个图片当作连接地址 这个不用我多说了把 你肯定知道--

/div

然后是重点的css文件

#myId{

position: fixed

top: 500px

left: 500px

}

这个fixed是指定固定布置

top是这个div的指定高度 left是左边的距离 你算好右下角的距离 就可以了

求一个右下角的漂浮广告代码？

右下角漂浮广告代码使用方法(一)： 将以下代码以**.js文件形式保存，在模板中调用这个js文件即可

（备注该代码的图片大小为250*150 代码里面有参数自己看下就知道了）document.writeln("div id=\"qqaddiv\" style=\"position:absolute; z-index: 100;\" ");

document.writeln("a href=链接地址 target=_blankimg src=图片链接地址 border=0/a");

document.writeln("/div");

var bodyfrm = ( document.compatMode.toLowerCase()=="css1compat" ) ? document.documentElement : document.body;

var adst = document.getElementById("qqaddiv").style;

adst.top = ( bodyfrm.clientHeight - 150 ) + "px";

adst.left = ( bodyfrm.clientWidth - 250 ) + "px";

function moveR() {

adst.top = ( bodyfrm.scrollTop + bodyfrm.clientHeight - 150 ) + "px";

adst.left = ( bodyfrm.scrollLeft + bodyfrm.clientWidth - 250 ) + "px";

}

setInterval("moveR();", 80); 右下角漂浮广告代码使用方法(二)： var qq_etewidth = 259;

var qq_eteheight = 158;

var qq_banner_filename = "广告图片链接地址";

var qq_gotoUrl = '广告链接地址';document.write("div id=eteUnionUpFloat style='margin:0px;padding-bottom:300px;z-index: 10;position:absolute;width:"+qq_etewidth+"px;height:"+qq_eteheight+"px;'")

document.write("a href='"+qq_gotoUrl+"' target='_blank'img src='"+qq_banner_filename+"' border='0' style='cursor: hand;' width='"+qq_etewidth+"' height='"+qq_eteheight+"'/a")

document.write("/div")

var bodyfrm = ( document.compatMode.toLowerCase()=="css1compat" ) ? document.documentElement : document.body;

var adst = document.getElementById("eteUnionUpFloat").style;

adst.top = ( bodyfrm.clientHeight - qq_eteheight ) + "px";

adst.left = ( bodyfrm.clientWidth - qq_etewidth ) + "px";

function moveR() {

adst.top = ( bodyfrm.scrollTop + bodyfrm.clientHeight - qq_eteheight ) + "px";

adst.left = ( bodyfrm.scrollLeft + bodyfrm.clientWidth - qq_etewidth ) + "px";

}

var objTimer=setInterval("moveR();", 100);function CloseX(){

adst.display='none';

}function ete_closediv()

{

document.getElementById('eteUnionUpFloat').style.visibility='hidden';

if(objTimer) window.clearInterval(objTimer)

}

悬浮广告代码，带链接的

这是左侧漂浮的广告代码

SCRIPT FOR=window EVENT=onload LANGUAGE="javascript"

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

/SCRIPT

script language="javascript"

!--

function initAd() {

document.all.AdLayer.style.posTop = -200;

//设置onLoad事件激发以后，广告层相对于固定后的y方向位置

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

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

}

function MoveLayer(layerName) {

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

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

var diff = (document.body.scrollTop + y - document.all.AdLayer.style.posTop)*.90;

var y = document.body.scrollTop + y - diff;

eval("document.all." + layerName + ".style.posTop = y");

eval("document.all." + layerName + ".style.posright = x");//移动广告层

setTimeout("MoveLayer('AdLayer');", 0);//设置20毫秒后再调用函数MoveLayer()

}

//--

/script

div id=AdLayer style='position:absolute; width:61px; height:59px; z-index:20; visibility:hidden;; left: 0px; top: 100px' a href="#"img border="0" src="images/jixiangwu.gif" width="81" height="88"/a/div

CSS 网页两边的悬浮广告 谁有制作代码，最好是，源文件！谢谢！！！！可追加悬赏！！！！

html xmlns=""

head

meta http-equiv="Content-Type" content="text/html; charset=gb2312" /

title悬浮广告/title

/head

body

div style="height:900px; display:block;"/div

div id="AdLayer1" style='position: absolute; ;z-index:1; left:100px; border:1px #DDD solid; width:36px; height:200px; background-color:#CCC;'/div

div id="AdLayer2" style='position: absolute; ;z-index:1; right:100px; border:1px #DDD solid; width:36px; height:200px; background-color:green;'/div

script type="text/javascript"

// 页面初始化

function initEcAd() {

document.all.AdLayer1.style.posTop = 200;

document.all.AdLayer1.style.visibility = 'visible'

document.all.AdLayer2.style.posTop = 200;

document.all.AdLayer2.style.visibility = 'visible'

MoveLeftLayer('AdLayer1');

MoveRightLayer('AdLayer2');

}

// 移动左面的广告层

function MoveLeftLayer(layerName) {

var x = 100;

var y = 100;// 左侧广告距离页首高度

var diff = (document.body.scrollTop + y - document.all.AdLayer1.style.posTop)*.40;

var y = document.body.scrollTop + y - diff;

eval("document.all." + layerName + ".style.posTop = parseInt(y)");

eval("document.all." + layerName + ".style.posLeft = x");

setTimeout("MoveLeftLayer('AdLayer1');", 20);

}

// 移动右边的广告层

function MoveRightLayer(layerName) {

var x = 100;

var y = 100;// 右侧广告距离页首高度

var diff = (document.body.scrollTop + y - document.all.AdLayer2.style.posTop)*.40;

var y = document.body.scrollTop + y - diff;

eval("document.all." + layerName + ".style.posTop = y");

eval("document.all." + layerName + ".style.posRight = x");

setTimeout("MoveRightLayer('AdLayer2');", 20);

}

initEcAd()

/script

/body

/html

如何让浮动的广告在页面右侧固定，且随着屏幕的上移下移移动？

HTML代码(即需要漂浮的广告)：

div class="christmas_ad" style="width:155px; height:220px; position:absolute; top:250px; right:25px;"

a href="javascript:void(0)" img src="/themes/mall/wowsai/topics/images/christmas_2012/christmasAcvance.png" border="0" //a

/div

js代码：前提是必须要引入jquery文件

script type="text/javascript"

$(function(){

  $(window).scroll(function(){

      var scrollTop = document.body.scrollTop || document.documentElement.scrollTop || 0;

      $(".christmas_ad").stop();

      var scrollTop2 = (scrollTop+160) - $(".christmas_ad").position().top;

      if(scrollTop 440){

          $(".christmas_ad:not(:animated)").animate({top:"+="+scrollTop2+"px"},1000);

      }else{

          $(".christmas_ad").css("top",370+"px");

      }

  })

})

/script

关于右边悬浮广告代码和网站悬浮广告代码的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。