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


Posted in Javascript onFebruary 25, 2015

本文实例讲述了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 相关文章推荐
JavaScript开发规范要求(规范化代码)
Aug 16 Javascript
JavaScript EasyPager 分页函数
May 25 Javascript
jquery remove方法应用详解
Nov 22 Javascript
javascript的字符串按引用复制和传递,按值来比较介绍与应用
Dec 28 Javascript
js实现一个省市区三级联动选择框代码分享
Mar 06 Javascript
jquery mobile的触控点击事件会多次触发问题的解决方法
May 08 Javascript
javascript限制文本框输入值类型的方法
May 07 Javascript
基于JavaScript 性能优化技巧心得(分享)
Dec 11 Javascript
webpack多入口多出口的实现方法
Aug 17 Javascript
vue router带参数页面刷新或回退参数消失的解决方法
Feb 27 Javascript
layui将table转化表单显示的方法(即table.render转为表单展示)
Sep 24 Javascript
如何使用JavaScript策略模式校验表单
Apr 29 Javascript
JS实现让网页背景图片斜向移动的方法
Feb 25 #Javascript
Javascript中获取对象的原型对象的方法小结
Feb 25 #Javascript
JavaScript中判断变量是数组、函数或是对象类型的方法
Feb 25 #Javascript
Js可拖拽放大的层拖动特效实现方法
Feb 25 #Javascript
JS实现自适应高度表单文本框的方法
Feb 25 #Javascript
如何编写高质量JS代码(续)
Feb 25 #Javascript
网页禁用右键菜单和鼠标拖动选择方法小结
Feb 25 #Javascript
You might like
php5新改动之短标记启用方法
2008/09/11 PHP
在mysql数据库原有字段后增加新内容
2009/11/26 PHP
mysql总结之explain
2012/02/27 PHP
PHP静态文件生成类实例
2014/11/29 PHP
php强制运行广告的方法
2014/12/01 PHP
基于PHP代码实现中奖概率算法可用于刮刮卡、大转盘等抽奖算法
2015/12/20 PHP
PHP不使用内置函数实现字符串转整型的方法示例
2017/07/03 PHP
javascript脚本编程解决考试分数统计问题
2008/10/18 Javascript
Js(JavaScript)中,弹出是或否的选择框示例(confirm用法的实例分析)
2013/07/09 Javascript
利用浏览器全屏api实现js全屏
2014/01/16 Javascript
iframe如何动态创建及释放其所占内存
2014/09/03 Javascript
node.js中的fs.chmodSync方法使用说明
2014/12/18 Javascript
JAVA四种基本排序方法实例总结
2015/07/24 Javascript
再谈javascript注入 黑客必备!
2016/09/14 Javascript
webix+springmvc session超时跳转登录页面
2016/10/30 Javascript
JS异步函数队列功能实例分析
2017/11/28 Javascript
Webpack优化配置缩小文件搜索范围
2017/12/25 Javascript
新手必须知的Node.js 4个JavaScript基本概念
2018/09/16 Javascript
js的继承方法小结(prototype、call、apply)(推荐)
2019/04/17 Javascript
JavaScript获取当前url路径过程解析
2019/12/27 Javascript
[01:02:17]2014 DOTA2华西杯精英邀请赛 5 24 DK VS VG
2014/05/26 DOTA
postman模拟访问具有Session的post请求方法
2019/07/15 Python
django 数据库连接模块解析及简单长连接改造方法
2019/08/29 Python
Pytorch实现神经网络的分类方式
2020/01/08 Python
python3中calendar返回某一时间点实例讲解
2020/11/18 Python
请解释一下webService? 如何用.net实现webService
2014/06/09 面试题
当文件系统受到破坏时,如何检查和修复系统?
2012/03/09 面试题
汽车维修与检测专业应届生求职信
2013/11/12 职场文书
国贸类专业毕业生的求职信分享
2013/12/08 职场文书
xxx同志考察材料
2014/02/07 职场文书
信息科学与技术专业求职信范文
2014/02/20 职场文书
公司总经理岗位职责范本
2014/08/15 职场文书
委托书英文
2015/01/28 职场文书
学生党支部工作总结2015
2015/05/26 职场文书
python文件名批量重命名脚本实例代码
2021/04/22 Python
create-react-app开发常用配置教程
2022/06/25 Javascript