這篇文章主要介紹了JS實現在頁面隨時自定義背景顏色的方法,實例分析了javascript操作css樣式的技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了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程序設計有所幫助。