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 写类方式之七
Jul 05 Javascript
js实现图片轮换效果代码
Apr 16 Javascript
jquery实现适用于门户站的导航下拉菜单效果代码
Aug 24 Javascript
很不错的两款Bootstrap Icon图标选择组件
Jan 28 Javascript
jquery插件方式实现table查询功能的简单实例
Jun 06 Javascript
AngularJS实现Input格式化的方法
Nov 07 Javascript
解决jquery appaend元素中id绑定事件失效的问题
Sep 12 jQuery
JS中验证整数和小数的正则表达式
Oct 08 Javascript
JavaScript动态创建二维数组的方法示例
Feb 01 Javascript
详解react-refetch的使用小例子
Feb 15 Javascript
全网小程序接口请求封装实例代码
Nov 06 Javascript
vue element实现表格合并行数据
Nov 30 Vue.js
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 正则 过滤html 的超链接
2009/06/02 PHP
使用php计算排列组合的方法
2013/11/13 PHP
php+ajax实现仿百度查询下拉内容功能示例
2017/10/20 PHP
ThinkPHP5.0框架控制器继承基类和自定义类示例
2018/05/25 PHP
jquery tools系列 expose 学习
2009/09/06 Javascript
jQuery基础框架浅入剖析
2012/12/27 Javascript
jQuery Dialog对话框事件用法实例分析
2016/05/10 Javascript
Javascript基础_简单比较undefined和null 值
2016/06/14 Javascript
bootstrap IE8 兼容性处理
2017/03/22 Javascript
微信小程序动态添加分享数据
2017/06/14 Javascript
React 组件间的通信示例
2018/06/14 Javascript
详解写好JS条件语句的5条守则
2019/02/28 Javascript
如何对react hooks进行单元测试的方法
2019/08/14 Javascript
使用Promise封装小程序wx.request的实现方法
2019/11/13 Javascript
[49:08]Secret vs VP 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
python实现的各种排序算法代码
2013/03/04 Python
Python解析网页源代码中的115网盘链接实例
2014/09/30 Python
python通过正则查找微博@(at)用户的方法
2015/03/13 Python
Python3学习笔记之列表方法示例详解
2017/10/06 Python
Python实现对字典分别按键(key)和值(value)进行排序的方法分析
2018/12/19 Python
Python使用sax模块解析XML文件示例
2019/04/04 Python
深入了解Python 变量作用域
2020/07/24 Python
发现两个有趣的CSS3动画效果
2013/08/14 HTML / CSS
密封类可以有虚函数吗
2014/08/11 面试题
餐厅总经理岗位职责
2013/12/31 职场文书
餐饮业经理竞聘演讲稿
2014/01/14 职场文书
《钱学森》听课反思
2014/03/01 职场文书
个人欠款担保书
2014/05/20 职场文书
教师暑期培训感言
2014/08/15 职场文书
会议接待欢迎标语
2014/10/08 职场文书
个人作风建设总结
2014/10/23 职场文书
化验室岗位职责
2015/02/14 职场文书
2015年学校办公室主任工作总结
2015/07/20 职场文书
导游词之重庆渣滓洞
2020/01/08 职场文书
java解析XML详解
2021/07/09 Java/Android
基于Python实现流星雨效果的绘制
2022/03/18 Python