經??吹接行┚W站為了吸引用戶注意,在頁面底部放置固定橫幅廣告,用戶滾動頁面時,橫幅廣告一直固定在頁底,并不隨頁面滾動而滾動,當然一般允許用戶可以關閉廣告條,并設置一定時間內不再顯示此廣告條。本文將介紹使用CSS+Cookie來實現這一效果。
HTML
首先,我們將橫幅廣告的html代碼放到頁面最底部,因為是最后加載的。也可以使用外部js動態插入到頁面底部。整個HTML結構由遮罩層.float_layer,內容層.float_content組成,其中.float_bg為廣告部分,內容可以是圖片、文字等任意形式的html元素,.float_close是關閉按鈕,用戶不喜歡廣告可以關閉展示。
新聞熱點
疑難解答