当前位置：首页 > 资讯 > 技术文档

JS实现进入页面时渐变背景色的方法

时间：2022-12-03 22:47 编辑：来源：阅读：
扫一扫，手机访问

摘要：JS实现进入页面时渐变背景色的方法

本文实例讲述了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程序设计有所帮助。

全部评论(0)

上一篇：JS实现带圆弧背景渐变效果的导航菜单代码
下一篇：javascript日期计算实例分析

资讯排行榜
更多>>