JS實(shí)現(xiàn)在頁面隨時(shí)自定義背景顏色的方法
更新時(shí)間：2015年02月27日 14:47:49 作者：代碼家園
這篇文章主要介紹了JS實(shí)現(xiàn)在頁面隨時(shí)自定義背景顏色的方法,實(shí)例分析了javascript操作css樣式的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了JS實(shí)現(xiàn)在頁面隨時(shí)自定義背景顏色的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下：
復(fù)制代碼 代碼如下:
<HTML>
<HEAD>
<TITLE>JS實(shí)現(xiàn)在頁面隨時(shí)自定義背景顏色</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
//以下代碼將輸入框及其所在的層寫進(jìn)窗口。
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>可以即時(shí)改變背景色</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 //計(jì)算并設(shè)置層的相對位置
}
setInterval('keepdivpos()',100) //設(shè)定自動改變層位置的時(shí)鐘。
// End -->
</SCRIPT>
</HEAD>
<BODY>
</BODY>
</HTML>
<HEAD>
<TITLE>JS實(shí)現(xiàn)在頁面隨時(shí)自定義背景顏色</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
//以下代碼將輸入框及其所在的層寫進(jìn)窗口。
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>可以即時(shí)改變背景色</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 //計(jì)算并設(shè)置層的相對位置
}
setInterval('keepdivpos()',100) //設(shè)定自動改變層位置的時(shí)鐘。
// End -->
</SCRIPT>
</HEAD>
<BODY>
</BODY>
</HTML>
希望本文所述對大家的javascript程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- 鼠標(biāo)選擇動態(tài)改變網(wǎng)頁背景顏色的JS代碼
- js實(shí)現(xiàn)的簡單radio背景顏色選擇器代碼
- js點(diǎn)擊列表文字對應(yīng)該行顯示背景顏色的實(shí)現(xiàn)代碼
- js實(shí)現(xiàn)點(diǎn)擊按鈕后給Div圖層設(shè)置隨機(jī)背景顏色的方法
- js隨機(jī)生成網(wǎng)頁背景顏色的方法
- js的alert樣式如何更改如背景顏色
- js點(diǎn)擊更換背景顏色或圖片的實(shí)例代碼
- JS控制按鈕自動切換背景顏色(可暫停)
- JS實(shí)現(xiàn)網(wǎng)頁游戲中滑塊響應(yīng)鼠標(biāo)點(diǎn)擊移動效果
- JS實(shí)現(xiàn)可展開折疊層的鼠標(biāo)拖曳效果
- JS實(shí)現(xiàn)鼠標(biāo)滑過鏈接改變網(wǎng)頁背景顏色的方法
相關(guān)文章
在JavaScript中,有多種方法可以合并數(shù)組,本文主要介紹了8種方法,主要包括concat()、spread operator、push()、unshift()、splice()、Array.from()、Array.prototype.reduce()和ES6的Array.prototype.flat(),感興趣的可以了解一下2023-08-08
JavaScript是一種廣泛使用的腳本語言,用于開發(fā)網(wǎng)頁和應(yīng)用程序,在Web開發(fā)中,經(jīng)常需要獲取瀏覽器窗口的尺寸,以便根據(jù)窗口大小進(jìn)行布局或執(zhí)行其他操作,本文將介紹如何使用JavaScript來獲取瀏覽器窗口尺寸,需要的朋友可以參考下2023-11-11
JavaScript?中的運(yùn)算符和表達(dá)式介紹(二)
這篇文章主要介紹了JavaScript?中的運(yùn)算符和表達(dá)式介紹，文章圍繞主題展開詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的小伙伴可以參考一下2022-09-09
這篇文章主要介紹了微信小程序 騰訊地圖顯示偏差問題解決,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-07-07
最近在做一個(gè)項(xiàng)目，需要JS時(shí)間戳轉(zhuǎn)成C#里的時(shí)間，再把C#里的時(shí)間戳轉(zhuǎn)成JS的時(shí)間,就仔細(xì)研究了下js與C#進(jìn)行轉(zhuǎn)換的注意要點(diǎn)，這里記錄下來，有需要的小伙伴自己拿走。2014-11-11
JavaScript前端實(shí)現(xiàn)頁面白屏檢測與解決
白屏通常指的是頁面打開后,瀏覽器上面的地址欄已經(jīng)顯示完整的?URL,但是頁面內(nèi)容無法渲染,只有白色的空白頁面,下面我們就來看看白屏出現(xiàn)的具體原因與解決方法吧2025-03-03
本文是在Web中通過Javascript判斷鍵盤按鍵事件，并改變按鍵的默認(rèn)動作。2009-02-02
下面小編就為大家?guī)硪黄猨s重寫方法的簡單實(shí)現(xiàn)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-07-07
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)電子時(shí)鐘效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-06-06
JavaScript初學(xué)者需要了解10個(gè)小技巧
在之前的編程語言排行榜中，我們曾介紹過轉(zhuǎn)正在即的JavaScript語言，正如文章中闡明的那樣，JavaScript不僅是最具活力的腳本語言，還是是最有用的編程語言之一。2010-08-08