欢迎来到代码驿站!

JavaScript代码

当前位置:首页 > 网页前端 > JavaScript代码

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

时间:2021-01-02 15:13:50|栏目:JavaScript代码|点击:

本文实例讲述了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和JQuery获取DIV值的方法示例

栏    目:JavaScript代码

下一篇:JavaScript树的深度优先遍历和广度优先遍历算法示例

本文标题:JS实现进入页面时渐变背景色的方法

本文地址:http://www.codeinn.net/misctech/39680.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有