<HTML>

<HEAD>

<TITLE>JS實現(xiàn)在頁面隨時自定義背景顏色</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+'');  //設(shè)置背景顏色

}

function keepdivpos(){    //keep div position

document.all.bgcolortestdiv.style.pixelTop=parseInt(document.body.scrollTop)+100 //計算并設(shè)置層的相對位置

}

setInterval('keepdivpos()',100)   //設(shè)定自動改變層位置的時鐘。

// End -->

</SCRIPT>

</HEAD>

<BODY>

</BODY>

</HTML>

希望本文所述對大家的javascript程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

JS構(gòu)造函數(shù)與原型prototype的區(qū)別介紹
下面小編就為大家?guī)硪黄狫S構(gòu)造函數(shù)與原型prototype的區(qū)別介紹。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-07-07
使用JS實現(xiàn)圖片展示瀑布流效果的實例代碼
下面小編就為大家?guī)硪黄褂肑S實現(xiàn)圖片展示瀑布流效果的實例代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-09-09
生成二維碼方法匯總
這篇文章主要匯總介紹了生成二維碼方法的相關(guān)資料,需要的朋友可以參考下
2014-12-12
ionic 自定義彈框效果
這篇文章主要介紹了ionic 自定義彈框效果，非常不錯，具有參考借鑒價值,需要的朋友可以參考下
2017-06-06
老生常談JavaScript面向?qū)ο蠡A(chǔ)與this指向問題
下面小編就為大家?guī)硪黄仙Ｕ凧avaScript面向?qū)ο蠡A(chǔ)與this指向問題。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-10-10
BootStrap表單時間選擇器詳解
這篇文章主要為大家詳細介紹了BootStrap表單時間選擇器的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-05-05
javascript 動態(tài)改變層的Z-INDEX的代碼style.zIndex
javascript 動態(tài)改變層的Z-INDEX的代碼style.zIndex...
2007-08-08
如何利用JavaScript編寫更好的條件語句詳解
這篇文章主要給大家介紹了關(guān)于如何利用JavaScript編寫更好的條件語句的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家學(xué)習(xí)或者使用JavaScript具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
2020-08-08
JS手機端touch事件計算滑動距離的方法示例
這篇文章主要介紹了JS手機端touch事件計算滑動距離的方法,結(jié)合實例形式分析了javascript響應(yīng)手機端屏幕上touch事件計算滑動距離的相關(guān)操作技巧,需要的朋友可以參考下
2017-10-10
javascript實現(xiàn)點擊按鈕變色
這篇文章主要為大家詳細介紹了javascript實現(xiàn)點擊按鈕變色，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-07-07