现在很多网站广告做的如火如荼，现在我就来介绍一下常见的对联浮动广告效果的代码使用方法，本文介绍的这种效果，在1024*768分辨率下正常显示，在800*600的分辨率下可以自动隐藏，以免遮住页面影响访问者浏览内容，而且与前面两个代码不同的是，广告图下方增加了一个图片按纽，允许访客点击关闭广告图片，下面。

var closeB=falsefunction floaters thisitems = thisaddItem = functionid，x，y，content documentwrite#39ltDIV id=#39+id+#39 style=quotZINDEX 10 POSITION absolute width80px height60pxleft#39+typeofx==#39string#39？evalxx+#39top#39+typeofy==#39。

放第二个广告代码···同上··· #39 theFloatersplay color 4可以被拖动的阿里妈妈广告代码比较复杂，太长了， _xWin lt！ avisitedtextdecorationcolorslategray ahovertextdecorationunderlinecolorslategray alinktextdecorationcolorslategray。

ltDIV id=floater1 style=quotZINDEX 100 LEFT 10px VISIBILITY visible WIDTH 100px POSITION fixed TOP 160px height 100pxquot 仆你条high！ltDIV ltDIV id=floater2 style=quotZINDEX 100 LEFT 900px VISIBILITY visible WIDTH 100px POSITION fixed TOP。

#ad1，#ad2 webkittransition all 5s easeout moztransition all 5s easeout otransition all 5s easeout transition all 5s easeout POSITIONabsolute TOP120px width100px height200px border1px solid red。

两侧广告用positionabsoluteleft ，right来控制，建立2个div，然后用var scrollTop = windowpageYOffset 0来判断滚动条的位置，还有关闭比较好做，隐藏起来就好了，背景的话，在body里加上就好了，backgroundurl#39图片地址#39。

quotdocumentgetElementByIdquotJavascriptRightDivquotstyledisplay=quotquot windowonscroll=scallwindowonresize=scallwindowonload=scall ltSCRIPT 这是JavaScript代码，在HTML和ASP中都能用不过，前提是，你的浏览器本身没有拦截此类广告，才能显示出来。

先在你的网站主目录建立JS文件，再建立一个JS文件如ad01js打开文本将下面代码复制到其中，保存格式为js function initEcAd = 200 = #39visible#39 = 200。

我的百度空间有itemd0e59edd07f12bdd18html，我摘抄一点，太多了，自己去看 居顶不随下拉条滚动的 lt！ duilian begin ltSCRIPT language=javascript event=FSCommand for=dl duilian2stylevisibility=#39hidden#39duilian3stylevisibility=#39。

lt！对联代码开始lulu163com var delta=0015var collectionvar closeB=falsefunction floaters thisitems = thisaddItem = functionid，x，y，content documentwrite#39ltDIV id=#39+id+#39 style=quotZINDEX 10 POSITION absolute width80px height60pxleft#39+。

1做body的背景，使用背景固定属性，这个不常用 2使用javascript，处理滚屏事件，重新定位元素位置，较常用，如 对联广告 网上代码很多，找找吧。

JS代码实现对联式浮动广告演示！selfonError=nullcurrentX = currentY = 0whichIt = nulllastScrollX = 0 lastScrollY = 0NS = documentlayers ？ 1 0IE = documentall ？ 1 0function heartBeat ifIE diffY = diffX = document。

$GetCssDirCSS路径 ===常用脚本特效标签=== =JS_Adquot左联Flash地址quot，quot右联Flash地址quot，quotimagesclosegifquot，08 对联广告 $JS_Time1时间特效样式2006年4月8日$JS_Time2时间特效样式2006年4月8日 星期六$JS_Time3时间特效样式2007年6月1日 星期五 农历 4。

1的作用类似于一个数据类型转换函数的作用，这样写的目的是将percent结果转为number类型，比使用类型转换函数高效点吧这种效果实现的思路是，对联广告的两个层进行absolute绝对定位，当我们的页面内容超出一屏时，滚动页面的时候，js就不断的更新对联广告层的top值，让它动态的变化，让其相对浏览器的顶部。

话说，建议不要给网站添加对联广告，不是所有浏览者都能接受的还有，正常的网页都是居中显示的，对联广告就出现在网页左右两侧，这样才是添加广告的正确方法，你可以把网页的宽调小一点，两侧留白给广告位，这样就不会出现广告这个文字的情况了，这样网页也居中显示了，如果你没有对联广告代码的话，我发。

卖对联朋友圈广告词新春佳节到，对联来报喜手写经典款，意蕴深长，为您的家添彩增辉快来选购，让美好祝福伴您度过吉祥年详细 春节是中国最重要的传统节日之一，家家户户都会在这个时候贴春联换门神，以祈求新的一年平安吉祥幸福而在众多春节习俗中，对联更是以其精炼的文字深远的。