在網頁開發中，我們經常會用到背景圖或背景色來美化頁面。但是，如果在不同的情境下，需要改變背景，我們該如何實現呢？這時候，一個使用CSS實現背景切換的方法就派上用場了。

要實現背景切換，我們需要使用CSS中的background-image或background-color屬性。我們可以通過JS或者JQuery等庫來監聽用戶的點擊事件，然后通過修改上述屬性值來切換背景。

// 使用JS實現背景切換
var body = document.body; // 獲取body元素
var btn = document.getElementById("btn"); // 獲取觸發背景切換的按鈕
btn.onclick = function() {
body.style.backgroundImage = "url('img/bg2.jpg')"; // 切換背景圖
}
// 使用JQuery實現背景切換
$("#btn").click(function() {
$("body").css("background-image", "url('img/bg2.jpg')");
});

上述代碼中，我們通過獲取body元素，然后監聽了一個點擊事件。當按鈕被點擊時，我們通過修改body的樣式來切換背景。其中，backgroundImage屬性用于切換背景圖，background-color則用于切換背景色。

需要注意的是，在切換背景時，我們要確保圖片或顏色是存在的，否則切換操作將會失效。