文章插圖
在現(xiàn)在好多網(wǎng)站中呢，都有這樣一個(gè)功能 就是在頁(yè)面的右上角或者是某個(gè)角落可以切換網(wǎng)頁(yè)的背景音色 或者是背景圖片等等，其實(shí)這個(gè)操作真的就是特別的簡(jiǎn)單，那么今兒道哥就給大家分享這個(gè)特別小的只是點(diǎn) 。用js來實(shí)現(xiàn)選擇下拉列表中的顏色來切換網(wǎng)頁(yè)的背景顏色 。
<body> <select id="a" onchange="f()"> <option value="https://www.520longzhigu.com/diannao/yellow">黃色</option> <option value="https://www.520longzhigu.com/diannao/green">綠色</option> <option value="https://www.520longzhigu.com/diannao/blue">藍(lán)色</option> <option value="https://www.520longzhigu.com/diannao/gray">灰色</option> <option value="https://www.520longzhigu.com/diannao/red">紅色</option> </select> <input type="button" value="https://www.520longzhigu.com/diannao/獲取下拉列表的值" onclick="f()"/> </body> <script type="text/javascript"> function f(){ //找對(duì)象 var obj = document.getElementById("a").value; //修改網(wǎng)頁(yè)的背景顏色 document.bgColor document.bgColor = obj;} </script>
以上關(guān)于本文的內(nèi)容，僅作參考！溫馨提示：如遇健康、疾病相關(guān)的問題，請(qǐng)您及時(shí)就醫(yī)或請(qǐng)專業(yè)人士給予相關(guān)指導(dǎo)!
「愛刨根生活網(wǎng)」www.malaban59.cn小編還為您精選了以下內(nèi)容，希望對(duì)您有所幫助：- 袁姍姍教你頸部瑜伽動(dòng)作簡(jiǎn)單放松頸部
- 趙弈歡教你五個(gè)豐胸瑜伽動(dòng)作擁豐滿不是問題
- 蔬菜電商平臺(tái) 美食網(wǎng)站有哪些
- 八招瑜伽動(dòng)作教你如何驅(qū)寒暖身
- 教你收藏夾導(dǎo)入和導(dǎo)出 如何導(dǎo)出收藏夾里的網(wǎng)址
- 教你買最便宜的機(jī)票 機(jī)票幾點(diǎn)買最便宜
- 三步簡(jiǎn)單瑜伽動(dòng)作教你如何瘦小臂
- 母其彌雅教你5組瑜伽動(dòng)作讓你放松工作緊繃
- 刷流量的好處與壞處 刷網(wǎng)站ip流量軟件
- 阿里云學(xué)生優(yōu)惠推薦 云服務(wù)器優(yōu)惠網(wǎng)站