CSS與JS都可以用來切換圖片，它們的實現(xiàn)方式不同，但都可以達到相同的效果。以下分別介紹它們的使用方法。

CSS切換圖片：

HTML：
<div class="img"></div>
CSS：
.img {
width: 100px;
height: 100px;
background: url("img1.jpg");
}
.img:hover {
background: url("img2.jpg");
}

以上代碼中，通過給div元素設(shè)置背景圖片，并在:hover狀態(tài)下更改圖片路徑，實現(xiàn)了鼠標懸浮時切換圖片的效果。

JS切換圖片：

HTML:
<div class="img"></div>
<button onclick="changeImg()">切換圖片</button>
JS:
var img = document.querySelector(".img");
function changeImg() {
if (img.style.backgroundImage === "url('img1.jpg')") {
img.style.backgroundImage = "url('img2.jpg')";
} else {
img.style.backgroundImage = "url('img1.jpg')";
}
}

以上代碼中，在div元素中通過style屬性設(shè)置了背景圖片，并在按鈕點擊時觸發(fā)changeImg()函數(shù)，通過判斷背景圖片來選擇更換圖片路徑。

無論使用CSS還是JS切換圖片，前提都是需要有多張圖片來切換，而具體的實現(xiàn)方式則可以根據(jù)需求和個人喜好來選擇。