JS實(shí)現(xiàn)進(jìn)入頁(yè)面時(shí)漸變背景色的方法

更新時(shí)間：2015年02月25日 11:24:03 作者：代碼家園

這篇文章主要介紹了JS實(shí)現(xiàn)進(jìn)入頁(yè)面時(shí)漸變背景色的方法,涉及javascript操作css控制背景色漸變的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了JS實(shí)現(xiàn)進(jìn)入頁(yè)面時(shí)漸變背景色的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下：

<html>
<head>
<title>JS實(shí)現(xiàn)的進(jìn)入頁(yè)面時(shí)的漸變的背景色效果</title>
<SCRIPT Language="JavaScript">
<!-- 屏幕變色程序 -->
function CBgColor(){
var color = 0, step = 1
//color為初始顏色，step為初始步長(zhǎng)
while( color <= 0xffffff){
//在顏色變白(color=0xffffff)之前，不斷將顏色值增加
document.bgColor = color
color += step  
step <<= 8
//步長(zhǎng)按位左移8位(乘以256)
if( step >= 0x1000000) step = 1
//如果步長(zhǎng)過(guò)大則將其恢復(fù)到1
}
}
CBgColor()
//裝入時(shí)調(diào)用背景變色程序
</Script>
</head>
<body onLoad="CBgColor()">
<p><b>漸變的背景顏色，感覺(jué)不錯(cuò)吧？</b></p>
</body>
</html>

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

您可能感興趣的文章:

相關(guān)文章

javascript檢測(cè)移動(dòng)設(shè)備橫豎屏
移動(dòng)端的開(kāi)發(fā)過(guò)程中，免不了要判斷橫豎屏，然后在執(zhí)行其他操作，比如分別加載不同樣式，橫屏顯示某些內(nèi)容，豎屏顯示其他內(nèi)容等等。
2016-05-05
JS自定義混合Mixin函數(shù)示例
這篇文章主要介紹了JS自定義混合Mixin函數(shù),涉及javascript面向?qū)ο蟪绦蛟O(shè)計(jì)中函數(shù)與屬性操作相關(guān)技巧,需要的朋友可以參考下
2016-11-11
Javascript 文件夾選擇框的兩種解決方案
javascript文件夾選擇框的兩種解決方案怎么都有缺陷啊。不過(guò)更傾向于第一種
2009-07-07
webpack是如何實(shí)現(xiàn)模塊化加載的方法
這篇文章主要介紹了webpack是如何實(shí)現(xiàn)模塊化加載的方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-11-11
webpack 4.0.0-beta.0版本新特性介紹
本篇文章主要介紹了webpack 4.0.0-beta.0版本新特性介紹，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-02-02
JS正則表達(dá)式實(shí)現(xiàn)字符串中連續(xù)在一起的字符去重
這篇文章主要給大家介紹了關(guān)于JS正則表達(dá)式實(shí)現(xiàn)字符串中連續(xù)在一起的字符去重的相關(guān)資料,學(xué)會(huì)正則表達(dá)式對(duì)開(kāi)發(fā)者而言是個(gè)非常有用的技能,很多功能可以簡(jiǎn)單的用一句正則來(lái)實(shí)現(xiàn),需要的朋友可以參考下
2023-11-11
javascript簡(jiǎn)寫(xiě)效果“神秘的眼睛”
“眼睛跟隨鼠標(biāo)轉(zhuǎn)動(dòng)效果”—— 265.com 把它放在網(wǎng)頁(yè)的LOGO里，用javascript來(lái)實(shí)現(xiàn)，這個(gè)創(chuàng)意不錯(cuò)！以前剛做FLASH的時(shí)候，用AS1實(shí)現(xiàn)過(guò)，今天下班早，在家簡(jiǎn)寫(xiě)了個(gè)：
2008-02-02
bootstrap為水平排列的表單和內(nèi)聯(lián)表單設(shè)置可選的圖標(biāo)
為水平排列的表單和內(nèi)聯(lián)表單設(shè)置可選的圖標(biāo)。本文通過(guò)示例代碼給大家講解，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下吧
2017-02-02
js驗(yàn)證框架實(shí)現(xiàn)代碼分享
這篇文章主要為大家分享了一個(gè)非常實(shí)用的js驗(yàn)證框架實(shí)現(xiàn)源碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-05-05
webpack使用及如何搭建cesium三維地球環(huán)境
這篇文章主要介紹了webpack快速上手之搭建cesium三維地球環(huán)境,本文使用的是webpack5，webpack5 升級(jí)后默認(rèn)是不支持polyfill的，編譯時(shí)會(huì)報(bào)錯(cuò)，本文主要介紹了Cesium以及Webpack的使用，如何將Cesium一步步地集成到Webpack中，需要的朋友可以參考下
2023-11-11