div对联代码

快速阅读法点击： 2013-02-18

div对联代码篇一

飘浮、对联及悬浮广告代码大全

飘浮、对联及悬浮广告代码大全 (2011-01-10 16:51:25)

转载

标签：分类：技术文章

飘浮

对联

悬浮广告

代码

大全

去过新浪或者搜狐吗？虽然我们都不愿意看广告，但是它们做广告的技术我们却应该学到手，这不，又一种很流行的做法儿，做成那种两边对称的对联式的广告，而最醒目的地方还有一个关闭的小按扭，这是不是比弹出的小广告更让人容易接受一些呢，你愿意看就看，不愿意看就点击那个按扭关掉，的确是比那种被人家3721或是其它IE插件拦截掉的小弹出广告效果和功能好了许多，而那个对联式广告中的关闭按扭的制作也是有一点学问的。我们姑且不论如何制作对联Flash广告，而主要讲一下那个广告里的小X（关闭按扭）的代码，以及和外部的接合。具体步骤如下：画一个小X式的图形，这应该不难吧？全部选中后，按下F8键转化成一个“按扭”组件，点击选中这个小按扭后，按下F9键打开动作面板，添加以下代码： on (release) { getURL("FSCommand:", ""); } 就这么简单吗？对，在Flash里就是这么简单了，当然，还要在网页里做以下工作。这里我们多运用一些javascript的东西来做我们这个代码块儿移植性很好的对联。全部代码如下：

居顶,不随下拉条滚动的

广告代码

duilian2.style.visibility='hidden';

duilian3.style.visibility='hidden';

</SCRIPT> <SCRIPT language=javascript>

function winload()

{

duilian2.style.top=20;

duilian2.style.left=5;

duilian3.style.top=20;

duilian3.style.right=5;

}

//if(document.body.offsetWidth>800){

{

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

absolute;visibility:visible;z-index:1'><EMBED src='1.swf' quality=high WIDTH=100 HEIGHT=300 TYPE='application/x-shockwave-flash'

id=dl></EMBED></div>"

+"<div id=duilian3 style='position:

absolute;visibility:visible;z-index:1'><EMBED src='1.swf' quality=high WIDTH=100 HEIGHT=300 TYPE='application/x-shockwave-flash'

id=dl></EMBED></div>");

}

winload()

//}

</SCRIPT>

随下拉条滚动的

广告代码

<SCRIPT FOR='EccoolAd' EVENT='fscommand()' LANGUAGE='javascript'> AdLayer1.style.visibility='hidden';

AdLayer2.style.visibility='hidden';

</script>

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 = 50;

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

document.all.AdLayer1.style.posTop)*.40;

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

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

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

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

}

function MoveRightLayer(layerName) {

var x = 5;

var y = 50;

document.all.AdLayer2.style.posTop)*.40;

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

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

eval_r("document.all." + layerName + ".style.posRight = x"); setTimeout("MoveRightLayer('AdLayer2');", 20);

}

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

absolute;visibility:hidden;z-index:1'><EMBED src='1.swf' quality=high WIDTH=100 HEIGHT=300 TYPE='application/x-shockwave-flash'

id=dl></EMBED></div>"

+"<div id=AdLayer2 style='position:

absolute;visibility:hidden;z-index:1'><EMBED src='1.swf' quality=high WIDTH=100 HEIGHT=300 TYPE='application/x-shockwave-flash'

id=dl></EMBED></div>");

initEcAd()

</script>

或者：

广告代码

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 = 165 ;

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

document.all.AdLayer1.style.posTop)*.40;

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

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

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

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

}

function MoveRightLayer(layerName) {

var x = 5;

var y = 165;

document.all.AdLayer2.style.posTop)*.40;

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

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

eval_r("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=“” target=_blank ><img src=图片地址 border=0></a></div>" +"<div id=AdLayer2 style='position:

absolute;visibility:hidden;z-index:1'><a href=连接地

址 target=_blank ><img src=图片地址 border=0></a></div>"); initEcAd()

[color=White][color=Red]把上面的代码另存为一个*.JS文件，然后在想实现此效果的页面<head></head>之间加上一列代码：[/color][/color] 程序代码

<SCRIPT FOR='EccoolAd' EVENT='fscommand()' LANGUAGE='JavaScript'> AdLayer1.style.visibility='hidden';

AdLayer2.style.visibility='hidden';

</script>

程序代码

duilian2.style.visibility='hidden';

duilian3.style.visibility='hidden';

</SCRIPT>

function winload()

{

duilian2.style.top=20;

duilian2.style.left=5;

duilian3.style.top=20;

duilian3.style.right=5;

}

//if(document.body.offsetWidth>800){

{

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

absolute;visibility:visible;z-index:1'><EMBED src='duilian.swf'

quality=high WIDTH=100 HEIGHT=300 TYPE='application/x-shockwave-flash'

id=dl></EMBED></div>"

+"<div id=duilian3 style='position:

absolute;visibility:visible;z-index:1'><EMBED src='duilian.swf'

quality=high WIDTH=100 HEIGHT=300 TYPE='application/x-shockwave-flash' id=dl></EMBED></div>");

}

winload()

//}

</SCRIPT>

整个这一部分包含了两段JS代码块，从第一个看以看出是设置当对联Flash中发生事件眯FSCommand()时duilian2和duilian3的visibility（可见）属性为hidden（隐藏）。而第二段JS就是插入对联广告以及设置了一下对联在浏览器窗口中所出现的位置。把上边那段代码，插入到任何网页的之间，然后把那个对联Flash拷贝到和那网页同目录下，浏览就可以看到了，怎么样，是不是又感觉学会了一招儿？

网页对联广告代码效果大全

现在很多网站广告做的如火如荼，现在我就来介绍一下常见的对联浮动广告效果的代码使用方法，介绍的这种效果，在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_r(x):x)+';top:'+(typeof(y)=='string'?eval_r(y):y)+'">'+content+'</DIV>');

var newItem = {};

newItem.object = document.getElementByIdx_x_x_x_x(id);

newItem.x = x;

newItem.y = y;

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

}

this.play = function()

div对联代码篇二

带关闭按钮的浮动对联代码

<!--

lastScrollY=0;

function heartBeat(){

var diffY;

if (document.documentElement && document.documentElement.scrollTop)

{diffY = document.documentElement.scrollTop;}

else if (document.body)

{diffY = document.body.scrollTop;}

else

{/*Netscape stuff*/}

percent=.1*(diffY-lastScrollY);

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

else percent=Math.floor(percent);

document.getElementById("lovexin12").style.top=parseInt(document.getElementById("lovexin12").style.top)+percent+"px";

document.getElementById("lovexin14").style.top=parseInt(document.getElementById("lovexin12").style.top)+percent+"px";

lastScrollY=lastScrollY+percent;

}{div对联代码}.

suspendcode12="<DIV id=\"lovexin12\" style='left:2px;POSITION:absolute;TOP:120px;'><a href=\"#\" onclick=\"javascript：close_dl();\">关闭</a><br /><a href=/index.asp target=_blank><img src=images/dl.gif border=0></a></div>"

suspendcode14="<DIV id=\"lovexin14\" style='right:2px;POSITION:absolute;TOP:120px;'><a href=\"#\" onclick=\"javascript：close_dl();\">关闭</a><br /><a href=/index.asp target=_blank><img src=images/dl.gif border=0></a></div>"

document.write(suspendcode12);

document.write(suspendcode14);

var heart_o;

heart_o=self.setInterval("heartBeat()",50);

function close_dl()

{

window.clearTimeout(heart_o);

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

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

}

//-->

</script>

div对联代码篇三

jquery浮动式对联广告代码{div对联代码}.

/* 此插件要求运行在jQuery v1.3 或更高版本上

* 此插件功能

* 1、单独设置左、右浮动对联各自内容;

* 2、设置左右浮动对联内容一样;

* 3、仅单独使用左或右侧对联;

* 4、可以在屏幕分辨率宽度小于多少时不出现对联广告;

* 5、设置是否允许关闭对联，每侧对联单独关闭。

* 6、使用jQuery使网页内容和行为分离。

* 7、可以设置左或右侧对联距容器顶部及左侧或右侧的距离。

* 8、灵活设置左或右侧对联的高或宽,当您的内容大小超过您的设置值时，将自动隐藏超出部分。 * 9、只要您愿意，您可以设置无数多个浮动内容。

* 10、更多功能请您在我的博客中留言，以便我后续更新……

* 技术支持：HTTP://HI.BAIDU.COM/DPXDQX

* 此为自由拷贝版本，您可以在此基础上添加任何功能

* 彦磊建议您将修改过的版本或发布地址发到彦磊博客上以共享，也建议您保留部分彦磊的信息 *

* 使用前您一定要引入jQurey及本脚本,如

* <script type="text/javascript" src="js/jquery_last.js"></script>

* <script type="text/javascript" src="js/YlFloat.js">

* 使用方法：

* 1、在页面中为您要浮动的内容设置容器，如<div id="adl">左侧内容</div>或<div id="adr">右侧内容</div>或<div id="ad">您的内容</div>

* 2、在页面中添加jQuery语句，调用此插件，并对相关参数进行设置,如：{div对联代码}.

* <script type="text/javascript">

* $(document).ready(function(){

* $("#adl").jFloat({

* position:"left",

* top:0,

* height:200,

* width:100,

* left:20

* });//将页面中id为adl的容器中的内容设置为左浮动广告，广告距窗口顶部0px,距左侧20px。 * $("#adr").jFloat({

* position:"right",

* top:0,

* height:200,

* width:100,

* right:20

* });//将页面中id为adr的容器中的内容设置为右浮动广告，广告距窗口顶部0px，距右侧20px。 * $("#ad").jFloat({

* position:"left",

* top:260,

* width:100,

* height:50,

* allowClose:false

* });//将面面中id为ad的容器中的内容设置为左右浮动（即左右两侧内容样式等一样），广告中容器顶部260px，距左侧0,不允许关闭。

*});

* </script>

* 上面的例子最终结果，将出现四个浮动内容，上面两个分别是adl和adr中的内容,下面两个是ad中的内容。如果您愿意，您可以加无数个这样的广告。

* 3、插件相关参数：

* top－广告距页面顶部距离，默认为60

* left－广告距页面左侧距离，默认为0

* right－广告距页面右侧距离，默认为0

* width－广告容器的宽度，默认为100

* height－广告容器的高度，默认为360{div对联代码}.

*minScreenW－出现广告的最小屏幕宽度，当屏幕分辨率小于此，将不出现对联广告，默认为800，即在800×600分辨率下不会显示广告内容

* position－对联广告的位置,left-在左侧出现,right-在右侧出现，默认为"left"。注意要加英文单或双引号。

* allowClose－是否允许关闭，如果为true，则会在广告内容上方添加“关闭”，单击时将关闭所在广告内容。值为true或false

(function($) {

$.fn.jFloat = function(o) {

o = $.extend({

top:60, //广告距页面顶部距离

left:0,//广告左侧距离

right:0,//广告右侧距离

width:100, //广告容器的宽度

height:360, //广告容器的高度

minScreenW:800,//出现广告的最小屏幕宽度，当屏幕分辨率小于此，将不出现对联广告

position:"left", //对联广告的位置left-在左侧出现,right-在右侧出现

allowClose:true //是否允许关闭

}, o || {});

var h=o.height;

var showAd=true;

var fDiv=$(this);

if(o.minScreenW>=$(window).width()){

fDiv.hide();

showAd=false;

}

else{

fDiv.css("display","block")

var closeHtml='<div align="right"

style="padding:2px;z-index:2000;font-size:12px;cursor:pointer;border-bottom:1px solid #f1f1f1; height:20px;" class="closeFloat"><span style="border:1px solid #000;height:12px;display:block;width:12px;">×</span></div>';

switch(o.position){

case "left":

if(o.allowClose){

fDiv.prepend(closeHtml);

$(".closeFloat",fDiv).click(function(){$(this).hide();fDiv.hide();showAd=false;}) h+=20;

}

fDiv.css({position:"absolute",left:o.left+"px",top:o.top+"px",width:o.width+"px",height:h+"px",overflow:"hidden"});

break;

case "right":

if(o.allowClose){

fDiv.prepend(closeHtml)

$(".closeFloat",fDiv).click(function(){$(this).hide();fDiv.hide();showAd=false;}) h+=20;

}

fDiv.css({position:"absolute",left:"auto",right:o.right+"px",top:o.top+"px",width:o.width+"px",height:h+"px",overflow:"hidden"});

break;

};

function ylFloat(){

if(!showAd){return}

var windowTop=$(window).scrollTop();

if(fDiv.css("display")!="none")

fDiv.css("top",o.top+windowTop+"px"); };

$(window).scroll(ylFloat) ;

$(document).ready(ylFloat);

};

})(jQuery);

div对联代码篇四

自己珍藏代码大全

侧边栏分享代码：淡绿色

charset="utf-8"></script>

橘黄色：

charset="utf-8"></script>

网页漂浮广告代码：

<a href="" target="_blank">

<img src="/images/logo.jpg" border="0">

</a>

</div>

var x = 50,y = 60

var xin = true, yin = true

var step = 1

var delay = 10

var obj=document.getElementById("

function float{

var L=T=0

//by

var R= document.body.clientWidth-obj.offsetWidth

var B = document.body.clientHeight-obj.offsetHeight

obj.style.left = x + document.body.scrollLeft

obj.style.top = y + document.body.scrollTop

x = x + step*(xin?1:-1)

if (x < L) { xin = true; x = L}

if (x > R){ xin = false; x = R}

y = y + step*(yin?1:-1)

if (y < T) { yin = true; y = T }

if (y > B) { yin = false; y = B }

}

var itl= setInterval("floatdelay)

obj.onmouseover=function(){clearInterval(itl)}

obj.onmouseout=function(){itl=setInterval("floatdelay)}

</script>

连续不间断横向滚动图片代码

本代码由<a href=>网页特效网</a>提供

</body>

本代码由<a href=>网页特效网</a>提供

<table width=700 border=0 cellpadding=0 cellspacing=0> <tr><td> <div id=

style=overflow:hidden;height:120px;width:700px;color:#ff0000><table align=left cellpadding=0

cellspace=0 border=0><tr><td id=valign=top>

<tr><td><a href= target=_blank><img border=0

src="/icon/BS9097.jpg" width=150 height=100

hspace=22></a><br><center><b>说明一</b></center></td>

<td><a href= target=_blank><img border=0

src="/icon/BS9092.jpg" width=150 height=100

hspace=22></a><br><center><b>说明二</b></center></td></td>

<td><a href=/icon/BS9084.jpg" width=150 height=100

hspace=22></a><br><center><b>说明三</b></center></td>

<td><a href= target=_blank><img border=0

src="/icon/BS9079.jpg" width=150 height=100

hspace=22></a><br><center><b>说明四</b></center></td>

<td><a href= target=_blank><img border=0

src="/icon/BS9070.jpg" width=150 height=100

hspace=22></a><br><center><b>说明五</b></center></td>

</tr>

</table>

</td><td id=valign=top></td></tr></table></div>

var speed=10//速度数值越大速度越慢

function Marquee(){

if(

else{

}

var MyMar=setInterval(Marquee,speed)

{clearInterval(MyMar)}

{MyMar=setInterval(Marquee,speed)}

</script>

</td></tr> </table>

本代码由<a href=>网页特效网</a>提供

常用的对联广告带关闭功能

本代码由<a href=>网页特效网</a>提供

<html>

<head>

<title>常用的对联广告带关闭功能 - qpsh.com</title>

</head>

<br>

<table style="BORDER-COLLAPSE: collapse" height="150" cellPadding="0" width="235"

border="0">

<tr>

<td width="210" height="25" style="font-size: 9pt; color: #333333; line-height:

140%">

<span style="FONT-WEIGHT: 700; FONT-SIZE: 14px">什么是网页特效？

</span></td>

</tr>

<tr>

<a target="_blank" href="/">网页特效</a>是用程序代码在网页中实现特殊效果或者特殊功能的一种技术，它为网页活跃了气氛，增加了网站的亲和力。</td>

</tr>

</table>

<tr>

<span style="FONT-WEIGHT: 700; FONT-SIZE: 14px">如何使用网页特效？</span></td>

</tr>

<tr>

一般在你想添加特效的地方直接粘贴特效代码即可，有些特殊的代码还需要在别的地方添加其他代码。在本站下载的特效代码，都有详细说明，按说明使用即可。</td> </tr>

</table>

<p>

<br>

<!--

var showad = true;

var Toppx = 60; //上端位置

var AdDivW = 100; //宽度

var AdDivH = 360; //高度

var PageWidth = 800; //页面多少宽度象素下正好不出现左右滚动条

//by

var MinScreenW = 1024; //显示广告的最小屏幕宽度象素

var ClosebuttonHtml = '<div align="right" style="position: absolute;top:0px;right:0px;margin:2px;padding:2px;z-index:2000;"><a href="JavaScript:;" onclick="hidead()" style="color:red;text-decoration:none;font-size:12px;">关闭</a></div>'

var AdContentHtml = '<div align="center" style="color:green;font-size:23pt;font-family:黑体;"><a target=_blank href=><br>广<br>告<br>内<br>容<br>可<br>任<br>何<br>形<br>式</a></div>';

document.write ('<div id="JavaScript.LeftDiv" style="position: absolute;border: 1px solid #cccccc;background-color:#f7f7f7;z-index:1000;width:'+AdDivW+'px;height:'+AdDivH+'px;top:-1000px;word-break:break-all;display:none;">'+ClosebuttonHtml+'<div>'+AdContentHtml+'</div></div>');

document.write ('<div id="JavaScript.RightDiv" style="position: absolute;border: 1px solid #cccccc;background-color:#f7f7f7;z-index:1000;width:'+AdDivW+'px;height:'+AdDivH+'px;top:-1000px;word-break:break-all;display:none;">'+ClosebuttonHtml+'<div>'+AdContentHtml+'</div></div>');

function scall(){

if(!showad){return;}

if (window.screen.width<MinScreenW){

alert("临时提示：\n\n显示器分辨率宽度小于"+MinScreenW+",不显示广告");

showad = false;

document.getElementById("JavaScript.LeftDiv").style.display="none";

document.getElementById("Javascript.RightDiv").style.display="none";

return;

}

var Borderpx = ((window.screen.width-PageWidth)/2-AdDivW)/2;

document.getElementById("Javascript.LeftDiv").style.display="";

document.getElementById("Javascript.LeftDiv").style.top=document.body.scrollTop+Toppx;

div对联代码篇五

js浮动广告对联广告代码

// 这是关闭飘浮广告的宽度，请根据你的广告内容而定

var hbcms_ad_width = 126;

// 这是关闭飘浮广告的代码，可以换成图片，点击即可关闭

var hbcms_close_str = '<div onClick="closeBanner();" style="color:gray;font-size:9pt;cursor:hand;text-align:center;width:100%;background-color: white;">关闭</div>';

// 设置左边的广告代码,请自己更换图片地址，或换成flash，或换成纯文字

// 如果不希望显示左边的广告，可设置为 = '';

var hbcms_left_ad = '<img src="images/duilian.jpg" width=100% height=384>' + hbcms_close_str;

// 设置右边的广告代码,如果要和左边的广告一致，可设为 = hbcms_left_ad;

// 如果不希望显示右边的广告，可设置为 = '';

var hbcms_right_ad = hbcms_left_ad;

var delta=0.8;

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:'+hbcms_ad_width+'px;

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);

}

}{div对联代码}.

function play()

{

if(screen.width<=800 || closeB)

{

for(var i=0;i<collection.length;i++)

{

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

}

return;

}

for(var i=0;i<collection.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=(dx>0?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=(dy>0?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-106',hbcms_ad_width,hbcms_right_ad);

theFloaters.addItem('followDiv2',6,hbcms_ad_width,hbcms_left_ad);

theFloaters.play();

</script>

div对联代码篇六

两边条幅浮动窗口代码

浮动对联广告代码(asp) (2008-1

div对联代码

div对联代码篇一

div对联代码篇二

div对联代码篇三

div对联代码篇四

div对联代码篇五

div对联代码篇六

对联广告代码

网站对联代码