簡單地更改點擊時的圖像
您有關點擊時圖像修改的查詢突出表明需要一個簡單的解決方案,而無需過多的JavaScript 程式碼。這是一種利用 HTML 和 JavaScript 來實現所需結果的方法。
HTML 標記:
使用「id」屬性為每個影像指派唯一識別碼:
JavaScript 函數:
建立一個JavaScript函數來處理點擊時的影像交換:
事件處理:
為每個影像附加一個「onclick」事件監聽器,傳遞對應影像的ID:
功能:
何時單擊映像時,將呼叫 swapImage() 函數,該函數會檢查映像的目前檔案副檔名。如果它是“.jpg”,則函數會將其替換為“.png”,從而有效地更改圖像。如果是“.png”,函數會反轉該過程,將其變更回“.jpg”。
此方法利用 HTML 和 JavaScript,只需單擊即可修改圖像,無需額外的 CSS 類或偽代碼選擇器,為您的查詢提供簡單高效的解決方案。
以上是如何在不使用複雜 JavaScript 的情況下輕鬆地透過點擊交換映像?的詳細內容。更多資訊請關注PHP中文網其他相關文章!