教你改變網站背景顏色 「js改變背景顏色的代碼」

在現在好多網站中呢,都有這樣一個功能 就是在頁面的右上角或者是某個角落可以切換網頁的背景音色 或者是背景圖片等等,其實這個操作真的就是特別的簡單,那麼今兒道哥就給大家分享這個特別小的只是點。用js來實現選擇下拉列表中的顏色來切換網頁的背景顏色。

 <body>
 <select id="a" onchange="f()">
 <option value="yellow">黃色</option>
	 <option value="green">綠色</option>
	 <option value="blue">藍色</option>
	 <option value="gray">灰色</option>
	 <option value="red">紅色</option>
 </select>
 <input type="button" value="獲取下拉列表的值" onclick="f()"/>
 </body>
 <script type="text/javascript">
 function f()
	{
	 //找對象
	 var obj = document.getElementById("a").value;
	 //修改網頁的背景顏色 document.bgColor
	 document.bgColor = obj;
	}
 </script>
javascript結合getElementById操作下拉列表select標籤改變背景色
javascript結合getElementById操作下拉列表select標籤改變背景色
javascript結合getElementById操作下拉列表select標籤改變背景色

原創文章,作者:投稿專員,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/234844.html

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
投稿專員的頭像投稿專員
上一篇 2024-12-12 11:49
下一篇 2024-12-12 11:49

相關推薦

發表回復

登錄後才能評論