現(xiàn)在很多網(wǎng)站廣告做的如火如荼，現(xiàn)在我就來(lái)介紹一下常見(jiàn)的對(duì)聯(lián)浮動(dòng)廣告效果的代碼使用方法，本文介紹的這種效果，在1024*768分辨率下正常顯示，在800*600的分辨率下可以自動(dòng)隱藏，以免遮住頁(yè)面影響訪問(wèn)者瀏覽內(nèi)容，而且與前面兩個(gè)代碼不同的是，廣告圖下方增加了一個(gè)圖片按紐，允許訪客點(diǎn)擊關(guān)閉廣告圖片，下面。

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。

放第二個(gè)廣告代碼···同上··· #39 theFloatersplay color 4可以被拖動(dòng)的阿里媽媽廣告代碼比較復(fù)雜，太長(zhǎng)了， _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。

兩側(cè)廣告用positionabsoluteleft ，right來(lái)控制，建立2個(gè)div，然后用var scrollTop = windowpageYOffset 0來(lái)判斷滾動(dòng)條的位置，還有關(guān)閉比較好做，隱藏起來(lái)就好了，背景的話(huà)，在body里加上就好了，backgroundurl#39圖片地址#39。

quotdocumentgetElementByIdquotJavascriptRightDivquotstyledisplay=quotquot windowonscroll=scallwindowonresize=scallwindowonload=scall ltSCRIPT 這是JavaScript代碼，在HTML和ASP中都能用不過(guò)，前提是，你的瀏覽器本身沒(méi)有攔截此類(lèi)廣告，才能顯示出來(lái)。

先在你的網(wǎng)站主目錄建立JS文件，再建立一個(gè)JS文件如ad01js打開(kāi)文本將下面代碼復(fù)制到其中，保存格式為js function initEcAd = 200 = #39visible#39 = 200。

我的百度空間有itemd0e59edd07f12bdd18html，我摘抄一點(diǎn)，太多了，自己去看 居頂不隨下拉條滾動(dòng)的 lt！ duilian begin ltSCRIPT language=javascript event=FSCommand for=dl duilian2stylevisibility=#39hidden#39duilian3stylevisibility=#39。

lt！對(duì)聯(lián)代碼開(kāi)始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的背景，使用背景固定屬性，這個(gè)不常用 2使用javascript，處理滾屏事件，重新定位元素位置，較常用，如 對(duì)聯(lián)廣告 網(wǎng)上代碼很多，找找吧。

JS代碼實(shí)現(xiàn)對(duì)聯(lián)式浮動(dòng)廣告演示！selfonError=nullcurrentX = currentY = 0whichIt = nulllastScrollX = 0 lastScrollY = 0NS = documentlayers ？ 1 0IE = documentall ？ 1 0function heartBeat ifIE diffY = diffX = document。

$GetCssDirCSS路徑 ===常用腳本特效標(biāo)簽=== =JS_Adquot左聯(lián)Flash地址quot，quot右聯(lián)Flash地址quot，quotimagesclosegifquot，08 對(duì)聯(lián)廣告 $JS_Time1時(shí)間特效樣式2006年4月8日$JS_Time2時(shí)間特效樣式2006年4月8日 星期六$JS_Time3時(shí)間特效樣式2007年6月1日 星期五 農(nóng)歷 4。

1的作用類(lèi)似于一個(gè)數(shù)據(jù)類(lèi)型轉(zhuǎn)換函數(shù)的作用，這樣寫(xiě)的目的是將percent結(jié)果轉(zhuǎn)為number類(lèi)型，比使用類(lèi)型轉(zhuǎn)換函數(shù)高效點(diǎn)吧這種效果實(shí)現(xiàn)的思路是，對(duì)聯(lián)廣告的兩個(gè)層進(jìn)行absolute絕對(duì)定位，當(dāng)我們的頁(yè)面內(nèi)容超出一屏?xí)r，滾動(dòng)頁(yè)面的時(shí)候，js就不斷的更新對(duì)聯(lián)廣告層的top值，讓它動(dòng)態(tài)的變化，讓其相對(duì)瀏覽器的頂部。

話(huà)說(shuō)，建議不要給網(wǎng)站添加對(duì)聯(lián)廣告，不是所有瀏覽者都能接受的還有，正常的網(wǎng)頁(yè)都是居中顯示的，對(duì)聯(lián)廣告就出現(xiàn)在網(wǎng)頁(yè)左右兩側(cè)，這樣才是添加廣告的正確方法，你可以把網(wǎng)頁(yè)的寬調(diào)小一點(diǎn)，兩側(cè)留白給廣告位，這樣就不會(huì)出現(xiàn)廣告這個(gè)文字的情況了，這樣網(wǎng)頁(yè)也居中顯示了，如果你沒(méi)有對(duì)聯(lián)廣告代碼的話(huà)，我發(fā)。

賣(mài)對(duì)聯(lián)朋友圈廣告詞新春佳節(jié)到，對(duì)聯(lián)來(lái)報(bào)喜手寫(xiě)經(jīng)典款，意蘊(yùn)深長(zhǎng)，為您的家添彩增輝快來(lái)選購(gòu)，讓美好祝福伴您度過(guò)吉祥年詳細(xì) 春節(jié)是中國(guó)最重要的傳統(tǒng)節(jié)日之一，家家戶(hù)戶(hù)都會(huì)在這個(gè)時(shí)候貼春聯(lián)換門(mén)神，以祈求新的一年平安吉祥幸福而在眾多春節(jié)習(xí)俗中，對(duì)聯(lián)更是以其精煉的文字深遠(yuǎn)的。