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)方法如下：

<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è)定自動(dòng)改變層位置的時(shí)鐘。

// End -->

</SCRIPT>

</HEAD>

<BODY>

</BODY>

</HTML>

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

您可能感興趣的文章:

相關(guān)文章

js數(shù)組合并的8種方法(最全)
在JavaScript中,有多種方法可以合并數(shù)組,本文主要介紹了8種方法,主要包括concat()、spread operator、push()、unshift()、splice()、Array.from()、Array.prototype.reduce()和ES6的Array.prototype.flat(),感興趣的可以了解一下
2023-08-08
JavaScript獲取瀏覽器窗口尺寸的幾種方法
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
js與C#進(jìn)行時(shí)間戳轉(zhuǎn)換
最近在做一個(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
js 判斷 enter 事件
本文是在Web中通過Javascript判斷鍵盤按鍵事件，并改變按鍵的默認(rèn)動(dòng)作。
2009-02-02
js重寫方法的簡單實(shí)現(xiàn)
下面小編就為大家?guī)硪黄猨s重寫方法的簡單實(shí)現(xiàn)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-07-07
js實(shí)現(xiàn)電子時(shí)鐘效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)電子時(shí)鐘效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-06-06
JavaScript初學(xué)者需要了解10個(gè)小技巧
在之前的編程語言排行榜中，我們曾介紹過轉(zhuǎn)正在即的JavaScript語言，正如文章中闡明的那樣，JavaScript不僅是最具活力的腳本語言，還是是最有用的編程語言之一。
2010-08-08