漂浮对联广告代码（css漂浮广告代码）

本篇文章给大家谈谈漂浮对联广告代码，以及css漂浮广告代码对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、网页中对联广告
• 2、简单的漂浮对联广告代码【最短】怎么写
• 3、求一个右下角的漂浮广告代码？
• 4、求网站左右空白地方悬浮对联广告代码，可以上下移动的那种
• 5、对联广告代码~
• 6、带关闭的漂浮广告代码

网页中对联广告

给你参考一下吧:

1.[普通效果]

现在很多网站广告做的如火如荼，现在我就来介绍一下常见的对联浮动广告效果的代码使用方法，介绍的这种效果，在1024*768分辨率下正常显示，在800*600的分辨率下可以自动隐藏，以免遮住页面影响访问者浏览内容，下面就是实现效果所需代码：

var delta=0.015

var collection;

function floaters() {

this.items = [];

this.addItem = function(id,x,y,content)

{

document.write('DIV id='+id+' style="Z-INDEX: 0; POSITION: absolute; width:80px; height:60px;left:'+(typeof(x)=='string'?eval(x):x)+';top:'+(typeof(y)=='string'?eval(y):y)+'"'+content+'/DIV');

var newItem = {};

newItem.object = document.getElementById(id);

newItem.x = x;

newItem.y = y;

this.items[this.items.length] = newItem;

}

this.play = function()

{

collection = this.items

setInterval('play()',10);

}

}

function play()

{

if(screen.width=800)

{

for(var i=0;icollection.length;i++)

{

collection[i].object.style.display = 'none';

}

return;

}

for(var i=0;icollection.length;i++)

{

var followObj = collection[i].object;

var followObj_x = (typeof(collection[i].x)=='string'?eval(collection[i].x):collection[i].x);

var followObj_y = (typeof(collection[i].y)=='string'?eval(collection[i].y):collection[i].y);

if(followObj.offsetLeft!=(document.body.scrollLeft+followObj_x)) {

var dx=(document.body.scrollLeft+followObj_x-followObj.offsetLeft)*delta;

dx=(dx0?1:-1)*Math.ceil(Math.abs(dx));

followObj.style.left=followObj.offsetLeft+dx;

}

if(followObj.offsetTop!=(document.body.scrollTop+followObj_y)) {

var dy=(document.body.scrollTop+followObj_y-followObj.offsetTop)*delta;

dy=(dy0?1:-1)*Math.ceil(Math.abs(dy));

followObj.style.top=followObj.offsetTop+dy;

}

followObj.style.display = '';

}

}

var theFloaters = new floaters();

theFloaters.addItem('followDiv1','document.body.clientWidth-100',0,'/abra href=广告链接地址 target=_blankimg src=广告图片地址 width=100 height=400 border=0/a' target=_blank);

theFloaters.addItem('followDiv2',0,0,'bra href=广告链接地址 target=_blankimg src=广告图片地址 width=100 height=400 border=0/a' target=_blank);

theFloaters.play();

把上面的代码另存为一个JS文件，然后在想实现此效果的页面用 调用即可！注意修改广告图片地址和连接地址！

2.[鼠标感应]

与前面一个代码不同的是，当鼠标移动到广告图片上是可以感应显示另外设置好的广告大图效果，下面就是实现效果所需代码：

function bigshow(){

document.all.div_250.style.visibility = 'visible';

document.all.div_80.style.visibility = 'hidden';

}

function bighide(){

document.all.div_80.style.visibility = 'visible';

document.all.div_250.style.visibility = 'hidden';

}

var ad_80= new Array(1);

var ad_250= new Array(1);

ad_80[0]="a href= target=_blankimg src=/skin/adv43/ad/ad_ad.gif border=0/a";

ad_250[0]="a href= target=_blankimg src=/skin/adv43/ad/ad_ad2.gif border=0/a";

var imgheight;

var fubioleft;

window.screen.width800 ? fubioleft=15:fubioleft=15

document.write('DIV id=floater_left style="Z-INDEX: 25; LEFT:'+fubioleft+'px; WIDTH: 28px;POSITION: absolute; TOP: 42px; HEIGHT: 22px"');

ad_now = new Date();

ad_id= ad_now.getSeconds() %1

var adhead1="div id=div_80 style='position:absolute; width:95px; height:62px; z-index:12' onMouseOver=bigshow();";

var adhead2="/divdiv id=div_250 style='position:absolute; visibility: hidden; z-index:13;width: 80; height: 60' onMouseOut=bighide();";

//var adhead1="div id=div_80 style='position:absolute; width:95px; height:62px; z-index:20' onMouseOut='//MM_showHideLayers(\"div_250\",\"\",\"hide\")' onMouseOver='MM_showHideLayers(\"div_250\",\"\",\"show\")'";

//var adhead2="/divdiv id=div_250 style='position:absolute; z-index:21;visibility: hidden; width: 80; height: 60' onMouseOver='MM_showHideLayers(\"div_250\",\"\",\"show\")' onMouseOut='MM_showHideLayers(\"div_250\",\"\",\"hide\")'";

document.write(adhead1+ad_80[ad_id]+adhead2+ad_250[ad_id]+"/div");

document.write ("/div");

self.onError=null;

currentX = currentY = 0;

whichIt = null;

lastScrollX = 0; lastScrollY = 0;

NS = (document.layers) ? 1 : 0;

IE = (document.all) ? 1: 0;

function heartBeat() {

if(IE) {

diffY = document.body.scrollTop;

diffX = document.body.scrollLeft; }

if(NS) {

diffY = self.pageYOffset; diffX = self.pageXOffset; }

if(diffY != lastScrollY) {

percent = .5 * (diffY - lastScrollY);

if(percent 0) percent = Math.ceil(percent);

else percent = Math.floor(percent);

if(IE) document.all.floater_left.style.pixelTop += percent;

if(NS) document.floater_left.top += percent;

lastScrollY = lastScrollY + percent;

}

if(diffX != lastScrollX) {

percent = .5 * (diffX - lastScrollX);

if(percent 0) percent = Math.ceil(percent);

else percent = Math.floor(percent);

if(IE) document.all.floater_left.style.pixelLeft += percent;

if(NS) document.floater_left.left += percent;

lastScrollX = lastScrollX + percent;

}

}

if(NS || IE) action = window.setInterval("heartBeat()",1);var ad_80= new Array(1);

var ad_250= new Array(1);

ad_80[0]="a href= target=_blankimg src=/skin/adv43/ad/ad_ad.jpg border=0/a";

ad_250[0]="a href= target=_blankimg src=/skin/adv43/ad/ad_ad.jpg border=0/a";

var imgheight;

var fubioleft;

window.screen.width800 ? fubioleft=15:fubioleft=15

document.write('DIV id=floater_right style="Z-INDEX: 25; LEFT:'+fubioleft+'px; WIDTH: 28px;POSITION: absolute; TOP: 42px; HEIGHT: 22px"');

ad_now = new Date();

ad_id= ad_now.getSeconds() %1

function myload()

{

if (navigator.appName == "Netscape")

{

document.div_right_80.pageX=+window.innerWidth-130;

document.div_right_250.pageX=+window.innerWidth-300;

mymove();

}

else

{

div_right_80.style.left=document.body.offsetWidth-130;

div_right_250.style.left=document.body.offsetWidth-300;

mymove();

}

}

function mymove()

{

if(document.ns)

{

document.div_right_80.left=pageXOffset+window.innerWidth-130;

document.div_right_250.left=pageXOffset+window.innerWidth-300;

setTimeout("mymove();",20)

}

else

{

div_right_80.style.left=document.body.scrollLeft+document.body.offsetWidth-145;

div_right_250.style.left=document.body.scrollLeft+document.body.offsetWidth-300;

setTimeout("mymove();",20)

}

}

var adhead1="div id=div_right_80 style='position:absolute; width:95px; height:60px; z-index:12' onMouseOver=bigshow_right();";

var adhead2="/divdiv id=div_right_250 style='position:absolute; visibility: hidden; z-index:13;width: 250; height: 250' onMouseOut=bighide_right();div align=right";

document.write(adhead1+ad_80[ad_id]+adhead2+ad_250[ad_id]+"/div/div");

myload()

document.write ("/div");

self.onError=null;

currentX_right = currentY_right = 0;

whichIt_right = null;

lastScrollX_right = 0; lastScrollY_right = 0;

NS = (document.layers) ? 1 : 0;

IE = (document.all) ? 1: 0;

function heartBeat_right() {

if(IE) {

diffY_right = document.body.scrollTop;

diffX_right = document.body.scrollLeft; }

if(NS) {

diffY_right = self.pageYOffset; diffX_right = self.pageXOffset; }

if(diffY_right != lastScrollY_right) {

percent_right = .5 * (diffY_right - lastScrollY_right);

if(percent_right 0) percent_right = Math.ceil(percent_right);

else percent_right = Math.floor(percent_right);

if(IE) document.all.floater_right.style.pixelTop += percent_right;

if(NS) document.floater_right.top += percent_right;

lastScrollY_right = lastScrollY_right + percent_right;

}

if(diffX_right != lastScrollX_right) {

percent_right = .5 * (diffX_right - lastScrollX_right);

if(percent_right 0) percent_right = Math.ceil(percent_right);

else percent_right = Math.floor(percent_right);

if(IE) document.all.floater_right.style.pixelLeft += percent_right;

if(NS) document.floater_right.left += percent_right;

lastScrollX_right = lastScrollX_right + percent_right;

}

}

if(NS || IE) action = window.setInterval("heartBeat_right()",1);

function bigshow_right(){

document.all.div_right_250.style.visibility = 'visible';

document.all.div_right_80.style.visibility = 'hidden';

}

function bighide_right(){

document.all.div_right_80.style.visibility = 'visible';

document.all.div_right_250.style.visibility = 'hidden';

}document.write('');

document.write('');

document.write('');

把上面的代码另存为一个JS文件，然后在想实现此效果的页面用

script type="text/javascript" language="javascript1.2" src="*.js"/SCRIPT

调用即可，*代表你另存的文件名！注意修改广告图片地址和连接地址！

3.[允许关闭]

与前面两个代码不同的是，广告图下方增加了一个图片按纽，允许访客点击关闭广告图片，下面文本框中就是实现效果所需代码：

var delta=0.015;

var collection;

var closeB=false;

function floaters() {

this.items = [];

this.addItem = function(id,x,y,content)

{

document.write('DIV id='+id+' style="Z-INDEX: 10; POSITION: absolute; width:80px; height:60px;left:'+(typeof(x)=='string'?eval(x):x)+';top:'+(typeof(y)=='string'?eval(y):y)+'"'+content+'/DIV');

var newItem = {};

newItem.object = document.getElementById(id);

newItem.x = x;

newItem.y = y;

this.items[this.items.length] = newItem;

}

this.play = function()

{

collection = this.items

setInterval('play()',30);

}

}

function play()

{

if(screen.width=800 || closeB)

{

for(var i=0;icollection.length;i++)

{

collection[i].object.style.display = 'none';

}

return;

}

for(var i=0;icollection.length;i++)

{

var followObj = collection[i].object;

var followObj_x = (typeof(collection[i].x)=='string'?eval(collection[i].x):collection[i].x);

var followObj_y = (typeof(collection[i].y)=='string'?eval(collection[i].y):collection[i].y);

if(followObj.offsetLeft!=(document.body.scrollLeft+followObj_x)) {

var dx=(document.body.scrollLeft+followObj_x-followObj.offsetLeft)*delta;

dx=(dx0?1:-1)*Math.ceil(Math.abs(dx));

followObj.style.left=followObj.offsetLeft+dx;

}

if(followObj.offsetTop!=(document.body.scrollTop+followObj_y)) {

var dy=(document.body.scrollTop+followObj_y-followObj.offsetTop)*delta;

dy=(dy0?1:-1)*Math.ceil(Math.abs(dy));

followObj.style.top=followObj.offsetTop+dy;

}

followObj.style.display = '';

}

}

function closeBanner()

{

closeB=true;

return;

}

var theFloaters = new floaters();

//

theFloaters.addItem('followDiv1','document.body.clientWidth-100',0,'a onClick="closeBanner();" href= target=_blankimg src=ad/doublead/right.gif width=100 height=554 border=0/abrbrimg src=ad/doublead/close.gif onClick="closeBanner();"');

theFloaters.addItem('followDiv2',0,0,'a onClick="closeBanner();" href= target=_blankimg src=ad/doublead/ad_ad.gif width=100 height=400 border=0 /abrbrimg src=ad/doublead/close.gif onClick="closeBanner();"');

theFloaters.play();

把上面的代码另存为一个JS文件，然后在想实现此效果的页面用 调用即可，*代表你另存的文件名！注意修改广告图片地址和连接地址！

4.[浮动对联广告---之左侧代码]

如果您想只有一侧显示的话,下面是实现左侧效果所需代码：

var ad_float_left_src ="图片地址";

var ad_float_left_url ="地址";

var ad_float_left_type = "";

document.ns = navigator.appName == "Microsoft Internet Explorer"

var imgheight_close

var imgleft

window.screen.width800 ? imgheight_close=120:imgheight_close=120

window.screen.width800 ? imgleft=8:imgleft=122

function myload()

{

myleft.style.top=document.body.scrollTop+document.body.offsetHeigh

t-imgheight_close;

myleft.style.left=imgleft;

leftmove();

}

function leftmove()

{

myleft.style.top=document.body.scrollTop+document.body.offsetHeigh

t-imgheight_close;

myleft.style.left=imgleft;

setTimeout("leftmove();",50)

}

function MM_reloadPage(init) { //reloads the window if Nav4

resized

if (init==true) with (navigator) {if ((appName=="Netscape")

(parseInt(appVersion)==4)) {

document.MM_pgW=innerWidth; document.MM_pgH=innerHeight;

onresize=MM_reloadPage; }}

else if (innerWidth!=document.MM_pgW || innerHeight!

=document.MM_pgH) location.reload();

}

MM_reloadPage(true)

function close_float_left(){

myleft.style.visibility='hidden';

}

document.write("div id=myleft style='position:

absolute;width:80;top:300;left:5;visibility: visible;z-index: 1'"

+"style"

+"A.closefloat:link,A.refloat:visited {text-

decoration:none;color:#000000;font-size:12px}"

+"A.closefloat:active,A.refloat:hover {text-decoration:underline;color:#0000FF;font-size:12px}"

+"/style"

+"table border=0 cellpadding=0 cellspacing=0trtd");

if(document.ns){

if(ad_float_left_type!="swf")

document.write("a href='" + ad_float_left_url + "' target

= '_blank'img src='" + ad_float_left_src + "' WIDTH=88

height=31 border=0/a");

else

document.write("EMBED src='" + ad_float_left_src + "'

quality=high WIDTH=80 HEIGHT=80 TYPE='application/x-shockwave-

flash' id=changhongout /EMBED");

document.write("/td/trtrtd width=80 height=20

align=righta href='javascript:close_float_left( target=_blank);void(0);'

class=closefloatbfont color=#ff0000关闭/font/b/a/td/tr"

+"/table"

+"/div");

myload()}

把上面的代码另存为一个*.JS文件，然后在想实现此效果的页面用

CODE:

script src="*.js"/SCRIPT

调用即可，*代表你另存的文件名！注意修改广告图片地址和连接地址！相应的参数可以根据页面自行调整

5.背投广告

script language="javascript"

!--

var sohu=window.open('');

var ads=window.open('about:blank','ads','width=700,height=400');

sohu.focus();

ads.document.open();

ads.document.write ("htmlheadtitleads/title/headbodyThis is background ads/body/html");

ads.document.close();

//--

/script

6.收缩广告

script language="javascript"

!--

var bwidth=800;

var bheight=400;

function go() {

bwidth = bwidth - 10;

bheight = bheight - 5;

if(bwidth = 10)

{ ads.style.display='none';clearTimeout("my"); }

else

{ ads.outerHTML='span id="ads" style="width:'+bwidth+'px;height:'+bheight+'px;background-color:#0099FF;"/span';}

var my=setTimeout("go()",50);

}

setTimeout("go()",6000);

//--

/script

body topmargin="0" leftmargin="0"

div align="center"span id="ads" style="width:800px;height:400px;background-color:#0099FF"/span/div

/body

简单的漂浮对联广告代码【最短】怎么写

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"

HTML

HEAD

TITLE移动的层/TITLE

style type="text/css"

a{cursor:pointer;font-size:12px;}

/style

/HEAD

BODY

div id="divAd" style="position:absolute;background-image:url(top.jpg);width:110px;height:270px;top:100px;text-align:right"a onclick="hide();"关闭/a/div

div id="divAd2" style="position:absolute;background-image:url(top.jpg);width:110px;height:270px;top:100px;right:0px;text-align:right"a onclick="hide();"关闭/a/div

SCRIPT LANGUAGE="JavaScript"

!--

document.write(Array(1000).join("br/"));

function move(){

document.getElementById("divAd").style.top=100+document.body.scrollTop;

document.getElementById("divAd2").style.top=100+document.body.scrollTop;

}

function hide(){

document.getElementById("divAd").style.display='none';

document.getElementById("divAd2").style.display='none';

}

window.onscroll=move

//--

/SCRIPT

/BODY

/HTML

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

右下角漂浮广告代码使用方法(一)： 将以下代码以**.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)

}

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

先在你的网站主目录建立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。我指导你。。

对联广告代码~

CODE: var delta=0.015

var collection;

function floaters() {

this.items = [];

this.addItem = function(id,x,y,content)

{

document.write('DIV id='+id+' style="Z-INDEX: 0; POSITION: absolute; width:80px; height:60px;left:'+(typeof(x)=='string'?eval(x):x)+';top:'+(typeof(y)=='string'?eval(y):y)+'"'+content+'/DIV');

var newItem = {};

newItem.object = document.getElementById(id);

newItem.x = x;

newItem.y = y;

this.items[this.items.length] = newItem;

}

this.play = function()

{

collection = this.items

setInterval('play()',10);

}

}

function play()

{

if(screen.width=800)

{

for(var i=0;icollection.length;i++)

{

collection[i].object.style.display = 'none';

}

return;

}

for(var i=0;icollection.length;i++)

{

var followObj = collection[i].object;

var followObj_x = (typeof(collection[i].x)=='string'?eval(collection[i].x):collection[i].x);

var followObj_y = (typeof(collection[i].y)=='string'?eval(collection[i].y):collection[i].y);

if(followObj.offsetLeft!=(document.body.scrollLeft+followObj_x)) {

var dx=(document.body.scrollLeft+followObj_x-followObj.offsetLeft)*delta;

dx=(dx0?1:-1)*Math.ceil(Math.abs(dx));

followObj.style.left=followObj.offsetLeft+dx;

}

if(followObj.offsetTop!=(document.body.scrollTop+followObj_y)) {

var dy=(document.body.scrollTop+followObj_y-followObj.offsetTop)*delta;

dy=(dy0?1:-1)*Math.ceil(Math.abs(dy));

followObj.style.top=followObj.offsetTop+dy;

}

followObj.style.display = '';

}

}

var theFloaters = new floaters();

theFloaters.addItem('followDiv1','document.body.clientWidth-100',0,'/abra href=广告链接地址 target=_blankimg src=广告图片地址 width=100 height=400 border=0/a');

theFloaters.addItem('followDiv2',0,0,'bra href=广告链接地址 target=_blankimg src=广告图片地址 width=100 height=400 border=0/a');

theFloaters.play();

把上面的代码另存为一个JS文件，然后在想实现此效果的页面用 调用即可！注意修改广告图片地址和连接地址！

[鼠标感应]

与前面一个代码不同的是，当鼠标移动到广告图片上是可以感应显示另外设置好的广告大图效果，下面就是实现效果所需代码：

CODE:function bigshow(){

document.all.div_250.style.visibility = 'visible';

document.all.div_80.style.visibility = 'hidden';

}

function bighide(){

document.all.div_80.style.visibility = 'visible';

document.all.div_250.style.visibility = 'hidden';

}

var ad_80= new Array(1);

var ad_250= new Array(1);

ad_80[0]="a href= target=_blankimg src=/skin/adv43/ad/ad_ad.gif border=0/a";

ad_250[0]="a href= target=_blankimg src=/skin/adv43/ad/ad_ad2.gif border=0/a";

var imgheight;

var fubioleft;

window.screen.width800 ? fubioleft=15:fubioleft=15

document.write('DIV id=floater_left style="Z-INDEX: 25; LEFT:'+fubioleft+'px; WIDTH: 28px;POSITION: absolute; TOP: 42px; HEIGHT: 22px"');

ad_now = new Date();

ad_id= ad_now.getSeconds() %1

var adhead1="div id=div_80 style='position:absolute; width:95px; height:62px; z-index:12' onMouseOver=bigshow();";

var adhead2="/divdiv id=div_250 style='position:absolute; visibility: hidden; z-index:13;width: 80; height: 60' onMouseOut=bighide();";

//var adhead1="div id=div_80 style='position:absolute; width:95px; height:62px; z-index:20' onMouseOut='//MM_showHideLayers(\"div_250\",\"\",\"hide\")' onMouseOver='MM_showHideLayers(\"div_250\",\"\",\"show\")'";

//var adhead2="/divdiv id=div_250 style='position:absolute; z-index:21;visibility: hidden; width: 80; height: 60' onMouseOver='MM_showHideLayers(\"div_250\",\"\",\"show\")' onMouseOut='MM_showHideLayers(\"div_250\",\"\",\"hide\")'";

document.write(adhead1+ad_80[ad_id]+adhead2+ad_250[ad_id]+"/div");

document.write ("/div");

self.onError=null;

currentX = currentY = 0;

whichIt = null;

lastScrollX = 0; lastScrollY = 0;

NS = (document.layers) ? 1 : 0;

IE = (document.all) ? 1: 0;

function heartBeat() {

if(IE) {

diffY = document.body.scrollTop;

diffX = document.body.scrollLeft; }

if(NS) {

diffY = self.pageYOffset; diffX = self.pageXOffset; }

if(diffY != lastScrollY) {

percent = .5 * (diffY - lastScrollY);

if(percent 0) percent = Math.ceil(percent);

else percent = Math.floor(percent);

if(IE) document.all.floater_left.style.pixelTop += percent;

if(NS) document.floater_left.top += percent;

lastScrollY = lastScrollY + percent;

}

if(diffX != lastScrollX) {

percent = .5 * (diffX - lastScrollX);

if(percent 0) percent = Math.ceil(percent);

else percent = Math.floor(percent);

if(IE) document.all.floater_left.style.pixelLeft += percent;

if(NS) document.floater_left.left += percent;

lastScrollX = lastScrollX + percent;

}

}

if(NS || IE) action = window.setInterval("heartBeat()",1);var ad_80= new Array(1);

var ad_250= new Array(1);

ad_80[0]="a href= target=_blankimg src=/skin/adv43/ad/ad_ad.jpg border=0/a";

ad_250[0]="a href= target=_blankimg src=/skin/adv43/ad/ad_ad.jpg border=0/a";

var imgheight;

var fubioleft;

window.screen.width800 ? fubioleft=15:fubioleft=15

document.write('DIV id=floater_right style="Z-INDEX: 25; LEFT:'+fubioleft+'px; WIDTH: 28px;POSITION: absolute; TOP: 42px; HEIGHT: 22px"');

ad_now = new Date();

ad_id= ad_now.getSeconds() %1

function myload()

{

if (navigator.appName == "Netscape")

{

document.div_right_80.pageX=+window.innerWidth-130;

document.div_right_250.pageX=+window.innerWidth-300;

mymove();

}

else

{

div_right_80.style.left=document.body.offsetWidth-130;

div_right_250.style.left=document.body.offsetWidth-300;

mymove();

}

}

function mymove()

{

if(document.ns)

{

document.div_right_80.left=pageXOffset+window.innerWidth-130;

document.div_right_250.left=pageXOffset+window.innerWidth-300;

setTimeout("mymove();",20)

}

else

{

div_right_80.style.left=document.body.scrollLeft+document.body.offsetWidth-145;

div_right_250.style.left=document.body.scrollLeft+document.body.offsetWidth-300;

setTimeout("mymove();",20)

}

}

var adhead1="div id=div_right_80 style='position:absolute; width:95px; height:60px; z-index:12' onMouseOver=bigshow_right();";

var adhead2="/divdiv id=div_right_250 style='position:absolute; visibility: hidden; z-index:13;width: 250; height: 250' onMouseOut=bighide_right();div align=right";

document.write(adhead1+ad_80[ad_id]+adhead2+ad_250[ad_id]+"/div/div");

myload()

document.write ("/div");

self.onError=null;

currentX_right = currentY_right = 0;

whichIt_right = null;

lastScrollX_right = 0; lastScrollY_right = 0;

NS = (document.layers) ? 1 : 0;

IE = (document.all) ? 1: 0;

function heartBeat_right() {

if(IE) {

diffY_right = document.body.scrollTop;

diffX_right = document.body.scrollLeft; }

if(NS) {

diffY_right = self.pageYOffset; diffX_right = self.pageXOffset; }

if(diffY_right != lastScrollY_right) {

percent_right = .5 * (diffY_right - lastScrollY_right);

if(percent_right 0) percent_right = Math.ceil(percent_right);

else percent_right = Math.floor(percent_right);

if(IE) document.all.floater_right.style.pixelTop += percent_right;

if(NS) document.floater_right.top += percent_right;

lastScrollY_right = lastScrollY_right + percent_right;

}

if(diffX_right != lastScrollX_right) {

percent_right = .5 * (diffX_right - lastScrollX_right);

if(percent_right 0) percent_right = Math.ceil(percent_right);

else percent_right = Math.floor(percent_right);

if(IE) document.all.floater_right.style.pixelLeft += percent_right;

if(NS) document.floater_right.left += percent_right;

lastScrollX_right = lastScrollX_right + percent_right;

}

}

if(NS || IE) action = window.setInterval("heartBeat_right()",1);

function bigshow_right(){

document.all.div_right_250.style.visibility = 'visible';

document.all.div_right_80.style.visibility = 'hidden';

}

function bighide_right(){

document.all.div_right_80.style.visibility = 'visible';

document.all.div_right_250.style.visibility = 'hidden';

}document.write('');

document.write('');

document.write('');

把上面的代码另存为一个JS文件，然后在想实现此效果的页面用

CODE:script type="text/javascript" language="javascript1.2" src="*.js"/SCRIPT

调用即可，*代表你另存的文件名！注意修改广告图片地址和连接地址！

[允许关闭]

与前面两个代码不同的是，广告图下方增加了一个图片按纽，允许访客点击关闭广告图片，下面文本框中就是实现效果所需代码：

CODE:var delta=0.015;

var collection;

var closeB=false;

function floaters() {

this.items = [];

this.addItem = function(id,x,y,content)

{

document.write('DIV id='+id+' style="Z-INDEX: 10; POSITION: absolute; width:80px; height:60px;left:'+(typeof(x)=='string'?eval(x):x)+';top:'+(typeof(y)=='string'?eval(y):y)+'"'+content+'/DIV');

var newItem = {};

newItem.object = document.getElementById(id);

newItem.x = x;

newItem.y = y;

this.items[this.items.length] = newItem;

}

this.play = function()

{

collection = this.items

setInterval('play()',30);

}

}

function play()

{

if(screen.width=800 || closeB)

{

for(var i=0;icollection.length;i++)

{

collection[i].object.style.display = 'none';

}

return;

}

for(var i=0;icollection.length;i++)

{

var followObj = collection[i].object;

var followObj_x = (typeof(collection[i].x)=='string'?eval(collection[i].x):collection[i].x);

var followObj_y = (typeof(collection[i].y)=='string'?eval(collection[i].y):collection[i].y);

if(followObj.offsetLeft!=(document.body.scrollLeft+followObj_x)) {

var dx=(document.body.scrollLeft+followObj_x-followObj.offsetLeft)*delta;

dx=(dx0?1:-1)*Math.ceil(Math.abs(dx));

followObj.style.left=followObj.offsetLeft+dx;

}

if(followObj.offsetTop!=(document.body.scrollTop+followObj_y)) {

var dy=(document.body.scrollTop+followObj_y-followObj.offsetTop)*delta;

dy=(dy0?1:-1)*Math.ceil(Math.abs(dy));

followObj.style.top=followObj.offsetTop+dy;

}

followObj.style.display = '';

}

}

function closeBanner()

{

closeB=true;

return;

}

var theFloaters = new floaters();

//

theFloaters.addItem('followDiv1','document.body.clientWidth-100',0,'a onClick="closeBanner();" href= target=_blankimg src=ad/doublead/right.gif width=100 height=554 border=0/abrbrimg src=ad/doublead/close.gif onClick="closeBanner();"');

theFloaters.addItem('followDiv2',0,0,'a onClick="closeBanner();" href= target=_blankimg src=ad/doublead/ad_ad.gif width=100 height=400 border=0 /abrbrimg src=ad/doublead/close.gif onClick="closeBanner();"');

theFloaters.play();

把上面的代码另存为一个JS文件，然后在想实现此效果的页面用 调用即可，*代表你另存的文件名！注意修改广告图片地址和连接地址！

浮动对联广告---之左侧代码

如果您想只有一侧显示的话,下面是实现左侧效果所需代码：

CODE:var ad_float_left_src ="图片地址";

var ad_float_left_url ="地址";

var ad_float_left_type = "";

document.ns = navigator.appName == "Microsoft Internet Explorer"

var imgheight_close

var imgleft

window.screen.width800 ? imgheight_close=120:imgheight_close=120

window.screen.width800 ? imgleft=8:imgleft=122

function myload()

{

myleft.style.top=document.body.scrollTop+document.body.offsetHeigh

t-imgheight_close;

myleft.style.left=imgleft;

leftmove();

}

function leftmove()

{

myleft.style.top=document.body.scrollTop+document.body.offsetHeigh

t-imgheight_close;

myleft.style.left=imgleft;

setTimeout("leftmove();",50)

}

function MM_reloadPage(init) { //reloads the window if Nav4

resized

if (init==true) with (navigator) {if ((appName=="Netscape")

(parseInt(appVersion)==4)) {

document.MM_pgW=innerWidth; document.MM_pgH=innerHeight;

onresize=MM_reloadPage; }}

else if (innerWidth!=document.MM_pgW || innerHeight!

=document.MM_pgH) location.reload();

}

MM_reloadPage(true)

function close_float_left(){

myleft.style.visibility='hidden';

}

document.write("div id=myleft style='position:

absolute;width:80;top:300;left:5;visibility: visible;z-index: 1'"

+"style"

+"A.closefloat:link,A.refloat:visited {text-

decoration:none;color:#000000;font-size:12px}"

+"A.closefloat:active,A.refloat:hover {text-decoration:underline;color:#0000FF;font-size:12px}"

+"/style"

+"table border=0 cellpadding=0 cellspacing=0trtd");

if(document.ns){

if(ad_float_left_type!="swf")

document.write("a href='" + ad_float_left_url + "' target

= '_blank'img src='" + ad_float_left_src + "' WIDTH=88

height=31 border=0/a");

else

document.write("EMBED src='" + ad_float_left_src + "'

quality=high WIDTH=80 HEIGHT=80 TYPE='application/x-shockwave-

flash' id=changhongout /EMBED");

document.write("/td/trtrtd width=80 height=20

align=righta href='javascript:close_float_left();void(0);'

class=closefloatbfont color=#ff0000关闭/font/b/a/td/tr"

+"/table"

+"/div");

myload()}

把上面的代码另存为一个*.JS文件，然后在想实现此效果的页面用

CODE:script src="*.js"/SCRIPT

调用即可，*代表你另存的文件名！注意修改广告图片地址和连接地址！相应的参数可以根据页面自行调整。

带关闭的漂浮广告代码

JS代码实现对联式浮动广告演示!

self.onError=null;

currentX = currentY = 0;

whichIt = null;

lastScrollX = 0; lastScrollY = 0;

NS = (document.layers) ? 1 : 0;

IE = (document.all) ? 1: 0;

function heartBeat() {

if(IE) { diffY = document.body.scrollTop; diffX = document.body.scrollLeft; }

if(NS) { diffY = self.pageYOffset; diffX = self.pageXOffset; }

if(diffY != lastScrollY) {

percent = .1 * (diffY - lastScrollY);

if(percent 0) percent = Math.ceil(percent);

else percent = Math.floor(percent);

if(IE) document.all.floater.style.pixelTop += percent;

if(NS) document.floater.top += percent;

lastScrollY = lastScrollY + percent;

}

if(diffX != lastScrollX) {

percent = .1 * (diffX - lastScrollX);

if(percent 0) percent = Math.ceil(percent);

else percent = Math.floor(percent);

if(IE) document.all.floater.style.pixelLeft += percent;

if(NS) document.floater.left += percent;

lastScrollX = lastScrollX + percent;

}

}

function checkFocus(x,y) {

stalkerx = document.floater.pageX;

stalkery = document.floater.pageY;

stalkerwidth = document.floater.clip.width;

stalkerheight = document.floater.clip.height;

if( (x stalkerx x (stalkerx+stalkerwidth)) (y stalkery y (stalkery+stalkerheight))) return true;

else return false;

}

function grabIt(e) {

if(IE) {

whichIt = event.srcElement;

while (whichIt.id.indexOf("floater") == -1) {

whichIt = whichIt.parentElement;

if (whichIt == null) { return true; }

}

whichIt.style.pixelLeft = whichIt.offsetLeft;

whichIt.style.pixelTop = whichIt.offsetTop;

currentX = (event.clientX + document.body.scrollLeft);

currentY = (event.clientY + document.body.scrollTop);

} else {

window.captureEvents(Event.MOUSEMOVE);

if(checkFocus (e.pageX,e.pageY)) {

whichIt = document.floater;

StalkerTouchedX = e.pageX-document.floater.pageX;

StalkerTouchedY = e.pageY-document.floater.pageY;

}

}

return true;

}

function moveIt(e) {

if (whichIt == null) { return false; }

if(IE) {

newX = (event.clientX + document.body.scrollLeft);

newY = (event.clientY + document.body.scrollTop);

distanceX = (newX - currentX); distanceY = (newY - currentY);

currentX = newX; currentY = newY;

whichIt.style.pixelLeft += distanceX;

whichIt.style.pixelTop += distanceY;

if(whichIt.style.pixelTop document.body.scrollTop) whichIt.style.pixelTop = document.body.scrollTop;

if(whichIt.style.pixelLeft document.body.scrollLeft) whichIt.style.pixelLeft = document.body.scrollLeft;

if(whichIt.style.pixelLeft document.body.offsetWidth - document.body.scrollLeft - whichIt.style.pixelWidth - 20) whichIt.style.pixelLeft = document.body.offsetWidth - whichIt.style.pixelWidth - 20;

if(whichIt.style.pixelTop document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5) whichIt.style.pixelTop = document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5;

event.returnValue = false;

} else {

whichIt.moveTo(e.pageX-StalkerTouchedX,e.pageY-StalkerTouchedY);

if(whichIt.left 0+self.pageXOffset) whichIt.left = 0+self.pageXOffset;

if(whichIt.top 0+self.pageYOffset) whichIt.top = 0+self.pageYOffset;

if( (whichIt.left + whichIt.clip.width) = (window.innerWidth+self.pageXOffset-17)) whichIt.left = ((window.innerWidth+self.pageXOffset)-whichIt.clip.width)-17;

if( (whichIt.top + whichIt.clip.height) = (window.innerHeight+self.pageYOffset-17)) whichIt.top = ((window.innerHeight+self.pageYOffset)-whichIt.clip.height)-17;

return false;

}

return false;

}

function dropIt() {

whichIt = null;

if(NS) window.releaseEvents (Event.MOUSEMOVE);

return true;

}

!-- DRAG Drop CODE --

if(NS) {

window.captureEvents(Event.MOUSEUP|Event.MOUSEDOWN);

window.onmousedown = grabIt;

window.onmousemove = moveIt;

window.onmouseup = dropIt;

}

if(NS || IE) action = window.setInterval("heartBeat()",1);

将以上内容保存到一个文件:code.js,将以下内容放到广告的页面,修改test.jpg,改成自己的图片或者FLASH文件

SCRIPT language="javascript" src="code.js"/SCRIPT

div id="floater" style="left:11px;top: 98px;width:100%;position: absolute;visibility:visible;z-index:1"

div id="dllayer3" style="left:0px; position: absolute; visibility:visible; z-index:2; width: 101px; height: 286px;"img src="test.jpg" width="80" height="100" border="0"

/div

div id=dllayer2 style='right:0px; position: absolute; visibility:visible; z-index:2; left: 875px; top: 0px; width: 80px; height: 100px;'img src="test.jpg" width="80" height="100" border="0"/div

/div

漂浮对联广告代码的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css漂浮广告代码、漂浮对联广告代码的信息别忘了在本站进行查找喔。