HTML點擊變色代碼是一種常見的網(wǎng)頁效果,它可以為網(wǎng)頁添加更多的交互性和美觀性。下面是一段示例代碼:
<!DOCTYPE html> <html> <head> <title>點擊變色</title> <script> function changeColor(e) { e.style.backgroundColor = 'red'; } </script> </head> <body> <p onclick="changeColor(this);">這是一個可以點擊變色的段落。</p> </body> </html>
在上面的代碼中,我們通過定義一個名為changeColor的JavaScript函數(shù),使得當(dāng)用戶點擊某個元素時,它的背景顏色會變成紅色。這里我們使用了onlick這個HTML屬性,當(dāng)用戶點擊元素時,會自動調(diào)用changeColor函數(shù)。
需要注意的是,在單個HTML文件中,可以在任何地方使用這個函數(shù)來改變?nèi)魏卧氐念伾?,只需要在該元素上添加onclick屬性并將changeColor函數(shù)作為它的值。同時,腳本必須位于<head>和</head>之間。