首頁 > 開發者 > JavaScript
JS實現在頁面隨時自訂背景顏色的方法，js背景顏色
本文執行個體講述了JS實現在頁面隨時自訂背景顏色的方法。分享給大家供大家參考。具體實現方法如下：
複製代碼 代碼如下:<HTML>
<HEAD>
<TITLE>JS實現在頁面隨時自訂背景顏色</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
//以下代碼將輸入框及其所在的層寫進視窗。
document.writeln('<div align="center" id=bgcolortestdiv style="BACKGROUND-COLOR: gray;POSITION: absolute;width: 200; height: 70; top=100; Z-INDEX: 100" >');
document.writeln('<p><B><font size=2>輸入顏色代碼<br>可以即時改變背景色</font></b></p>');
document.writeln('<p><input type="text" name="text" onkeyup="cbgcolor(this.value)"></p>');
document.writeln('</div>');
function cbgcolor(color){ //change background color
if (color != '')
document.bgColor=(''+color+''); //設定背景顏色
}
function keepdivpos(){ //keep div position
document.all.bgcolortestdiv.style.pixelTop=parseInt(document.body.scrollTop)+100 //計算並設定層的相對位置
}
setInterval('keepdivpos()',100) //設定自動改變層位置的時鐘。
// End -->
</SCRIPT>
</HEAD>
<BODY>
</BODY>
</HTML>
希望本文所述對大家的javascript程式設計有所協助。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
