每當重大節日期間，各大主流網站首頁會披上節日的盛裝，設計者一般會使用大幅背景圖片來獲得更好的視覺沖擊效果，當然，也要考慮到有些用戶不習慣這大背景圖，那么在背景圖上放置“關閉”按鈕是有必要的，用戶只要點擊“關閉背景”按鈕，大幅背景圖將會消失。

我們使用javascript來控制背景圖片的顯示和隱藏，當點擊關閉按鈕時，控制CSS使頁面不加載背景圖，同時記錄COOKIE相關參數，并設置cookie的有效期，那么在cookie有效期內刷新頁面，是不會再加載背景圖的，如果cookie失效，則又會重新加載背景圖片。

HTML

一般背景圖片的關閉按鈕都是放在頁面頭部的，我們在頁面的頂部放置關閉背景的按鈕，當然這個按鈕是做好的圖片。

復制代碼 代碼如下:

<div>
    <em + exp.toGMTString();
}
//取cookies函數
function getCookie(name){
    var arr = document.cookie.match(new RegExp("(^| )"+name+"=([^;]*)(;|$)"));
    if(arr != null) return unescape(arr[2]); return null;
}