HTML點擊按鈕切換圖片是一個常見的功能,在網站開發中非常常見。下面是一個簡單的HTML代碼示例:
點擊按鈕切換圖片:
這個示例中包含一個圖片和一個按鈕。當用戶點擊按鈕時,圖片將切換到另一張圖片。切換圖片的邏輯被定義在JavaScript函數changeImage()中。 在這個函數中,首先使用document.getElementById()方法獲取圖片對象。然后檢查當前圖片的src屬性是否包含字符串“img1”。如果包含,就將圖片的src屬性設置為“img2.jpg”;否則,將圖片的src屬性設置為“img1.jpg”。 以上就是一個簡單的HTML點擊按鈕切換圖片的示例。這個示例中使用了HTML、CSS和JavaScript來實現功能。通過學習這個示例,我們可以了解如何在HTML頁面中使用JavaScript來動態改變元素的屬性。