點擊時換背景是網頁設計里經常使用的一種技巧，可以讓網頁更加生動和有趣。實現該效果可以使用CSS技術。

首先，在CSS樣式表中定義需要改變背景的元素，比如一個按鈕：

.button {
background-color: #fff;
color: #333;
border: 2px solid #333;
padding: 10px 20px;
}

然后，可以添加一個:hover 偽類選擇器，表示當鼠標懸停在按鈕上時，改變按鈕的背景顏色：

.button:hover {
background-color: #333;
color: #fff;
}

這會讓按鈕的背景顏色在鼠標懸停在按鈕上的時候變為#333，文字顏色變為白色。

要達到點擊時換背景的效果，可以使用JavaScript技術，給按鈕添加一個點擊事件處理函數。當用戶點擊按鈕時，改變按鈕的className，讓它對應一個不同的CSS樣式，從而改變背景圖片或顏色。

function changeBackground() {
var button = document.querySelector('.button');
button.classList.add('new-background');
}

在CSS樣式表中定義新的樣式，如：

.new-background {
background-image: url('new-bg.jpg');
}

這會讓按鈕的背景圖片變為new-bg.jpg。

通過以上方法，就可以實現點擊時換背景了。