JS改變頁(yè)面顏色源碼分享

來(lái)源：懂視網(wǎng) 責(zé)編：小OO 時(shí)間：2020-11-27 22:19:06

JS改變頁(yè)面顏色源碼分享

我們先來(lái)看下具體的演示效果圖。以下就是完整的HTML頁(yè)面代碼，大家可以測(cè)試下。<；<。DOCTYPE html>；<；html lang="en">；<；head>；<；meta charset="UTF-8">；<；title>；Document<；/title>；<；style>；.big_box{width： 500px；height： 500px；border： 1px solid black；}.big_box input{margin-left： 60px；}<；/style>；<；script>；Red.style.backgroundColor="red"；}<；/script>。

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

導(dǎo)讀我們先來(lái)看下具體的演示效果圖。以下就是完整的HTML頁(yè)面代碼，大家可以測(cè)試下。<；<。DOCTYPE html>；<；html lang="en">；<；head>；<；meta charset="UTF-8">；<；title>；Document<；/title>；<；style>；.big_box{width： 500px；height： 500px；border： 1px solid black；}.big_box input{margin-left： 60px；}<；/style>；<；script>；Red.style.backgroundColor="red"；}<；/script>。

我們先來(lái)看下具體的演示效果圖

以下就是完整的HTML頁(yè)面代碼，大家可以測(cè)試下。

<!DOCTYPE html> 
<html lang="en"> 
<head> 
 <meta charset="UTF-8"> 
 <title>Document</title> 
 <style> 
 .big_box{ 
 width: 500px; 
 height: 500px; 
 border: 1px solid black; 
 } 
 .big_box input{ 
 margin-left: 60px; 
 } 
 </style> 
 <script> 
 function Change_red(){ 
 var Red=document.getElementById("change_style"); 
 Red.style.backgroundColor="red"; 
 } 
 function Change_blue(){ 
 var Blue=document.getElementById("change_style"); 
 Blue.style.backgroundColor="blue"; 
 } 
 function Change_green(){ 
 var Green=document.getElementById("change_style"); 
 Green.style.backgroundColor="green"; 
 } 
 </script> 
</head> 
<body> 
 <div class="big_box" id="change_style"> 
 <input type="button" value="變?yōu)榧t色" onclick="Change_red()"> 
 <input type="button" value="變?yōu)樗{(lán)色" onclick="Change_blue()"> 
 <input type="button" value="變?yōu)榫G色" onclick="Change_green()"> 
 </div> 
</body> 
</html>

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

JS改變頁(yè)面顏色源碼分享

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

標(biāo)簽：背景改變顏色

熱門(mén)焦點(diǎn)

JS改變頁(yè)面顏色源碼分享

JS改變頁(yè)面顏色源碼分享

JS改變頁(yè)面顏色源碼分享

最新推薦

猜你喜歡

熱門(mén)推薦