DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JS實現在頁面隨時自定義背景顏色的方法教程
JS實現在頁面隨時自定義背景顏色的方法教程
編輯:關於JavaScript     

本文實例講述了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程序設計有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved