經常看到有些網站為了吸引用戶注意，在頁面底部放置固定橫幅廣告，用戶滾動頁面時，橫幅廣告一直固定在頁底，并不隨頁面滾動而滾動，當然一般允許用戶可以關閉廣告條，并設置一定時間內不再顯示此廣告條。本文將介紹使用CSS+Cookie來實現這一效果。

HTML

首先，我們將橫幅廣告的html代碼放到頁面最底部，因為是最后加載的。也可以使用外部js動態插入到頁面底部。整個HTML結構由遮罩層.float_layer，內容層.float_content組成，其中.float_bg為廣告部分，內容可以是圖片、文字等任意形式的html元素，.float_close是關閉按鈕，用戶不喜歡廣告可以關閉展示。
 

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表