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 相关文章推荐
ExtJS 2.0 GridPanel基本表格简明教程
May 25 Javascript
javascript学习笔记(一)基础知识
Sep 30 Javascript
javascript中定义类的方法详解
Feb 10 Javascript
微信小程序 加载 app-service.js 错误解决方法
Oct 12 Javascript
bootstrap中模态框、模态框的属性实例详解
Feb 17 Javascript
从零学习node.js之express入门(六)
Feb 25 Javascript
纯js实现的积木(div层)拖动功能示例
Jul 19 Javascript
最实用的JS数组函数整理
Dec 05 Javascript
layer.open 获取不到表单信息的解决方法
Sep 26 Javascript
Javascript幻灯片播放功能实现过程解析
May 07 Javascript
JS运算符优先级与表达式示例详解
Sep 04 Javascript
在Angular项目使用socket.io实现通信的方法
Jan 05 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
文件上传程序的全部源码
2006/10/09 PHP
PHP array 的加法操作代码
2010/07/24 PHP
PHP校验ISBN码的函数代码
2011/01/17 PHP
php中通过DirectoryIterator删除整个目录的方法
2015/03/13 PHP
如何利用预加载优化Laravel Model查询详解
2017/08/11 PHP
javascript事件问题
2009/09/05 Javascript
ajax更新数据后,jquery、jq失效问题
2011/03/16 Javascript
js动态加载以及确定加载完成的代码
2011/07/31 Javascript
关于javascript function对象那些迷惑分析
2011/10/24 Javascript
js 3种归并操作的实例代码
2013/10/30 Javascript
JavaScript indexOf方法入门实例(计算指定字符在字符串中首次出现的位置)
2014/10/17 Javascript
不同js异步函数同步的实现方法
2016/05/28 Javascript
Vue2实现组件props双向绑定
2016/12/02 Javascript
如何封装了一个vue移动端下拉加载下一页数据的组件
2019/01/06 Javascript
微信小程序实现日期格式化和倒计时
2020/11/01 Javascript
Js和VUE实现跑马灯效果
2020/05/25 Javascript
js实现省级联动(数据结构优化)
2020/07/17 Javascript
mpvue 项目初始化及实现授权登录的实现方法
2020/07/20 Javascript
Python多线程实现同步的四种方式
2017/05/02 Python
python的变量与赋值详细分析
2017/11/08 Python
解决python测试opencv时imread导致的错误问题
2019/01/26 Python
500行代码使用python写个微信小游戏飞机大战游戏
2019/10/16 Python
opencv-python 提取sift特征并匹配的实例
2019/12/09 Python
Python+OpenCV实现旋转文本校正方式
2020/01/09 Python
pytorch forward两个参数实例
2020/01/17 Python
Python通过Pillow实现图片对比
2020/04/29 Python
GEOX鞋美国官方网站:意大利会呼吸的鞋
2017/07/12 全球购物
美国在线旅行社:Crystal Travel
2018/09/11 全球购物
大学生职业生涯规划书参考模板
2014/03/05 职场文书
2014五一国际劳动节活动总结范文
2014/04/14 职场文书
讲文明树新风演讲稿
2014/05/12 职场文书
抗洪救灾先进集体事迹材料
2014/05/26 职场文书
社区春季防火方案
2014/06/02 职场文书
比赛主持人开场白
2015/05/29 职场文书
初中军训感言
2015/08/01 职场文书
Java新手教程之ArrayList的基本使用
2021/06/20 Java/Android