經(jīng)?？吹接行┚W(wǎng)站為了吸引用戶注意，在頁(yè)面底部放置固定橫幅廣告，用戶滾動(dòng)頁(yè)面時(shí)，橫幅廣告一直固定在頁(yè)底，并不隨頁(yè)面滾動(dòng)而滾動(dòng)，當(dāng)然一般允許用戶可以關(guān)閉廣告條，并設(shè)置一定時(shí)間內(nèi)不再顯示此廣告條。本文將介紹使用CSS+Cookie來(lái)實(shí)現(xiàn)這一效果。

HTML

首先，我們將橫幅廣告的html代碼放到頁(yè)面最底部，因?yàn)槭亲詈蠹虞d的。也可以使用外部js動(dòng)態(tài)插入到頁(yè)面底部。整個(gè)HTML結(jié)構(gòu)由遮罩層.float_layer，內(nèi)容層.float_content組成，其中.float_bg為廣告部分，內(nèi)容可以是圖片、文字等任意形式的html元素，.float_close是關(guān)閉按鈕，用戶不喜歡廣告可以關(guān)閉展示。
 

發(fā)表評(píng)論 共有條評(píng)論 用戶名: 密碼: 驗(yàn)證碼: 匿名發(fā)表