JS實現進入頁面時漸變背景色的方法
更新時間:2015年02月25日 11:24:03 作者:代碼家園
這篇文章主要介紹了JS實現進入頁面時漸變背景色的方法,涉及javascript操作css控制背景色漸變的技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了JS實現進入頁面時漸變背景色的方法。分享給大家供大家參考。具體實現方法如下:
<html>
<head>
<title>JS實現的進入頁面時的漸變的背景色效果</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
//如果步長過大則將其恢復到1
}
}
CBgColor()
//裝入時調用背景變色程序
</Script>
</head>
<body onLoad="CBgColor()">
<p><b>漸變的背景顏色,感覺不錯吧?</b></p>
</body>
</html>
希望本文所述對大家的javascript程序設計有所幫助。
相關文章
javascript實現十六進制顏色值(HEX)和RGB格式相互轉換
這篇文章主要介紹了javascript實現十六進制顏色值(HEX)和RGB格式之間的轉換,使用正則的方法實現RGB顏色轉換為16進制,需要的朋友可以參考下2014-06-06
Google Map V3 綁定氣泡窗口(infowindow)Dom事件實現代碼
無法在infowindow里面添加的div進行綁定事件處理,官方的API,發(fā)現了google.maps.InfoWindow下面的Events里面有個domready事件2013-04-04
js創(chuàng)建數據共享接口——簡化框架之間相互傳值
很多框架存在父子關系,操作起來十分麻煩,很多同學經常出現這樣悲催的代碼2011-10-10

