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 div 遮罩层封锁整个页面
Jul 10 Javascript
Ruffy javascript 学习笔记
Nov 30 Javascript
ExtJS下grid的一些属性说明
Dec 13 Javascript
jQuery 点击图片跳转上一张或下一张功能的实现代码
Mar 12 Javascript
Dom在ajax技术中的作用说明
Oct 25 Javascript
Lua表达式和控制结构学习笔记
Dec 15 Javascript
JavaScript分秒倒计时器实现方法
Feb 02 Javascript
JS模拟并美化的表单控件完整实例
Aug 19 Javascript
JavaScript中值类型和引用类型的区别
Feb 23 Javascript
javascript实现非常简单的小数取整功能示例
Jun 13 Javascript
Dropify.js图片宽高自适应的方法
Nov 27 Javascript
解决layer弹出层msg的文字不显示的问题
Sep 11 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连接Oracle for NT 远程数据库
2006/10/09 PHP
我的论坛源代码(三)
2006/10/09 PHP
站长助手-网站web在线管理程序 v1.0 下载
2007/05/12 PHP
用php获取本周,上周,本月,上月,本季度日期的代码
2009/08/05 PHP
ThinkPHP3.1基础知识快速入门
2014/06/19 PHP
PHP输出图像imagegif、imagejpeg与imagepng函数用法分析
2016/11/14 PHP
JS中如何判断传过来的JSON数据中是否存在某字段
2014/08/18 Javascript
js控制网页前进和后退的方法
2015/06/08 Javascript
JavaScript中循环遍历Array与Map的方法小结
2016/03/12 Javascript
jQuery事件绑定方法学习总结(推荐)
2016/11/21 Javascript
jQuery实现两个select控件的互移操作
2016/12/22 Javascript
纯js实现倒计时功能
2017/01/06 Javascript
无法获取隐藏元素宽度和高度的解决方案
2017/03/07 Javascript
jQuery选择器特殊字符与属性空格问题
2017/08/14 jQuery
使用Vue动态生成form表单的实例代码
2018/04/26 Javascript
解决Mac node版本升级失败的问题
2018/05/16 Javascript
webstorm中配置Eslint的两种方式及差异比较详解
2018/10/19 Javascript
angular使用md5,CryptoJS des加密的方法
2019/06/03 Javascript
跟老齐学Python之大话题小函数(1)
2014/10/10 Python
Python实现的数据结构与算法之快速排序详解
2015/04/22 Python
python交互式图形编程实例(三)
2017/11/17 Python
python实现旋转和水平翻转的方法
2018/10/25 Python
Python中安装easy_install的方法
2018/11/18 Python
Dlib+OpenCV深度学习人脸识别的方法示例
2019/05/14 Python
python实现简单日志记录库glog的使用
2019/12/13 Python
基于pytorch的lstm参数使用详解
2020/01/14 Python
Python reshape的用法及多个二维数组合并为三维数组的实例
2020/02/07 Python
Python中格式化字符串的四种实现
2020/05/26 Python
python算的上脚本语言吗
2020/06/22 Python
日本民宿预约平台:STAY JAPAN
2017/07/01 全球购物
GC是什么?为什么要有GC?
2013/12/08 面试题
初一英语教学反思
2014/01/11 职场文书
2015年行政部工作总结
2015/04/28 职场文书
Mysql MVCC机制原理详解
2021/04/20 MySQL
python flask开发的简单基金查询工具
2021/06/02 Python
MySQL 执行数据库更新update操作的时候数据库卡死了
2022/05/02 MySQL