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 相关文章推荐
jQuery 跨域访问问题解决方法
Dec 02 Javascript
JS中判断null、undefined与NaN的方法
Mar 26 Javascript
json的定义、标准格式及json字符串检验
May 11 Javascript
快速解决Canvas.toDataURL 图片跨域的问题
May 10 Javascript
jquery popupDialog 使用 加载jsp页面的方法
Oct 25 Javascript
图片懒加载插件实例分享(含解析)
Jan 09 Javascript
bootstrap suggest搜索建议插件使用详解
Mar 25 Javascript
最基础的vue.js双向绑定操作
Aug 23 Javascript
angular1配合gulp和bower的使用教程
Jan 19 Javascript
webpack开发环境和生产环境的深入理解
Nov 08 Javascript
Koa 中的错误处理解析
Apr 09 Javascript
vue实现数字滚动效果
Jun 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
php页码形式分页函数支持静态化地址及ajax分页
2014/03/28 PHP
PHP判断字符串长度的两种方法很实用
2015/09/22 PHP
yii2控制器Controller Ajax操作示例
2016/07/23 PHP
PHP基于IMAP收取邮件的方法示例
2017/08/07 PHP
IE和FireFox(FF)中js和css的不同
2009/04/13 Javascript
js 异步处理进度条
2010/04/01 Javascript
让JavaScript拥有类似Lambda表达式编程能力的方法
2010/09/12 Javascript
jQuery快速上手:写jQuery与直接写JS的区别详细解析
2013/08/26 Javascript
Nodejs学习item【入门手上】
2016/05/05 NodeJs
限制只能输入数字的实现代码
2016/05/16 Javascript
jQuery内容过滤选择器用法示例
2016/09/09 Javascript
vue.js分页中单击页码更换页面内容的方法(配合spring springmvc)
2018/02/10 Javascript
微信小程序实现留言功能
2018/10/31 Javascript
浅谈vue中关于checkbox数据绑定v-model指令的个人理解
2018/11/14 Javascript
浅入深出Vue之组件使用
2019/07/11 Javascript
小程序实现录音上传功能
2019/11/22 Javascript
Vue的v-model的几种修饰符.lazy,.number和.trim的用法说明
2020/08/05 Javascript
详解vue v-model
2020/08/31 Javascript
[46:55]LGD vs Liquid 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/19 DOTA
Python threading多线程编程实例
2014/09/18 Python
Python出现segfault错误解决方法
2016/04/16 Python
Python实现从SQL型数据库读写dataframe型数据的方法【基于pandas】
2019/03/18 Python
Python判断对象是否为文件对象(file object)的三种方法示例
2019/04/26 Python
如何使用python爬虫爬取要登陆的网站
2019/07/12 Python
python移位运算的实现
2019/07/15 Python
python matplotlib库的基本使用
2020/09/23 Python
html5的canvas实现3d雪花飘舞效果
2013/12/27 HTML / CSS
什么是Deployment descriptors;都有什么类型的部署描述符
2015/07/28 面试题
给女儿的表扬信
2014/01/18 职场文书
财务部副经理岗位职责
2014/03/14 职场文书
房屋公证委托书
2014/04/03 职场文书
应届毕业生求职信
2014/05/26 职场文书
2014年预备党员端正入党动机思想汇报
2014/09/13 职场文书
教师节班会开场白
2015/06/01 职场文书
高中生社会实践心得体会
2016/01/14 职场文书
nginx服务器的下载安装与使用详解
2021/08/02 Servers