JS實現(xiàn)進入頁面時漸變背景色的方法
更新時間:2015年02月25日 11:24:03 作者:代碼家園
這篇文章主要介紹了JS實現(xiàn)進入頁面時漸變背景色的方法,涉及javascript操作css控制背景色漸變的技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了JS實現(xiàn)進入頁面時漸變背景色的方法。分享給大家供大家參考。具體實現(xiàn)方法如下:
<html> <head> <title>JS實現(xiàn)的進入頁面時的漸變的背景色效果</title> <SCRIPT Language="JavaScript"> <!-- 屏幕變色程序 --> function CBgColor(){ var color = 0, step = 1 //color為初始顏色,step為初始步長 while( color <= 0xffffff){ //在顏色變白(color=0xffffff)之前,不斷將顏色值增加 document.bgColor = color color += step step <<= 8 //步長按位左移8位(乘以256) if( step >= 0x1000000) step = 1 //如果步長過大則將其恢復(fù)到1 } } CBgColor() //裝入時調(diào)用背景變色程序 </Script> </head> <body onLoad="CBgColor()"> <p><b>漸變的背景顏色,感覺不錯吧?</b></p> </body> </html>
希望本文所述對大家的javascript程序設(shè)計有所幫助。
您可能感興趣的文章:
- 用javascript css實現(xiàn)GridView行背景色交替、鼠標(biāo)劃過行變色,點擊行變色選中
- Javascript 生成指定范圍數(shù)值隨機數(shù)
- Js 隨機數(shù)產(chǎn)生6位數(shù)字
- js實現(xiàn)GridView單選效果自動設(shè)置交替行、選中行、鼠標(biāo)移動行背景色
- javascript學(xué)習(xí)筆記(二) 鼠標(biāo)經(jīng)過時,改變div塊的背景色的代碼
- javascript修改表格背景色實例代碼分享
- js獲得網(wǎng)頁背景色和字體色的方法
- Extjs根據(jù)條件設(shè)置表格某行背景色示例
- JS實現(xiàn)點擊按鈕控制Div變寬、增高及調(diào)整背景色的方法
- javascript實現(xiàn)隨機生成DIV背景色
相關(guān)文章
javascript實現(xiàn)十六進制顏色值(HEX)和RGB格式相互轉(zhuǎn)換
這篇文章主要介紹了javascript實現(xiàn)十六進制顏色值(HEX)和RGB格式之間的轉(zhuǎn)換,使用正則的方法實現(xiàn)RGB顏色轉(zhuǎn)換為16進制,需要的朋友可以參考下2014-06-06Google Map V3 綁定氣泡窗口(infowindow)Dom事件實現(xiàn)代碼
無法在infowindow里面添加的div進行綁定事件處理,官方的API,發(fā)現(xiàn)了google.maps.InfoWindow下面的Events里面有個domready事件2013-04-04js創(chuàng)建數(shù)據(jù)共享接口——簡化框架之間相互傳值
很多框架存在父子關(guān)系,操作起來十分麻煩,很多同學(xué)經(jīng)常出現(xiàn)這樣悲催的代碼2011-10-10