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 KeyDown、KeyPress和KeyUp事件的区别与联系
Dec 03 Javascript
基于jquery自定义图片热区效果
Jul 21 Javascript
JavaScript的ExtJS框架中表格的编写教程
May 21 Javascript
JS弹出窗口的运用与技巧大全
Nov 01 Javascript
js实现点击按钮弹出上传文件的窗口
Dec 23 Javascript
BootStrap表单控件之文本域textarea
May 23 Javascript
详解webpack 如何集成第三方js库
Jun 29 Javascript
JS基于封装函数实现的表格分页完整示例
Jun 26 Javascript
微信小程序自定义带价格显示日历效果
Dec 29 Javascript
js取0-9随机取4个数不重复的数字代码实例
Mar 27 Javascript
微信小程序实现上传图片裁剪图片过程解析
Aug 22 Javascript
jQuery treeview树形结构应用
Mar 24 jQuery
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教程 变量定义
2009/10/23 PHP
关于session在PHP5的配置文件中的详细设置参数说明
2011/04/20 PHP
php使用imagick模块实现图片缩放、裁剪、压缩示例
2014/04/17 PHP
Yii框架创建cronjob定时任务的方法分析
2017/05/23 PHP
基于PHP的微信公众号的开发流程详解
2020/08/07 PHP
javascript动态添加表格数据行(ASP后台数据库保存例子)
2010/05/08 Javascript
extjs 初始化checkboxgroup值的代码
2011/09/21 Javascript
javascript设计模式之工厂模式示例讲解
2014/03/04 Javascript
JS函数this的用法实例分析
2015/02/05 Javascript
javascript验证邮件地址和MX记录的方法
2015/06/16 Javascript
去除字符串左右两边的空格(实现代码)
2016/05/12 Javascript
jQuery progressbar通过Ajax请求实现后台进度实时功能
2016/10/11 Javascript
JavaScript设计模式之观察者模式(发布订阅模式)原理与实现方法示例
2018/07/27 Javascript
vue.js template模板的使用(仿饿了么布局)
2018/08/13 Javascript
详解Vue基于vue-quill-editor富文本编辑器使用心得
2019/01/03 Javascript
Python实现简单的获取图片爬虫功能示例
2017/07/12 Python
Python基于多线程实现抓取数据存入数据库的方法
2018/06/22 Python
Python使用try except处理程序异常的三种常用方法分析
2018/09/05 Python
python 实现Flask中返回图片流给前端展示
2020/01/09 Python
django和flask哪个值得研究学习
2020/07/31 Python
CSS3中新增的对文本和字体的设置
2020/02/03 HTML / CSS
css3的focus-within选择器的使用
2020/05/11 HTML / CSS
html5-canvas中使用clip抠出一个区域的示例代码
2018/05/25 HTML / CSS
详解HTML5中的元素与元素
2015/08/17 HTML / CSS
YOINS官网:时尚女装网上购物
2017/03/17 全球购物
UNIX特点都有哪些
2016/04/05 面试题
大型活动策划方案
2014/01/12 职场文书
2014年两会学习心得范例
2014/03/17 职场文书
音乐学专业求职信
2014/07/22 职场文书
励志演讲稿大全
2014/08/21 职场文书
活动总结新闻稿
2014/08/30 职场文书
2015年计生工作总结范文
2015/04/24 职场文书
麦田里的守望者读书笔记
2015/06/30 职场文书
2015年教导处教学工作总结
2015/07/22 职场文书
五年级作文之想象作文
2019/10/30 职场文书
JavaScript 事件捕获冒泡与捕获详情
2021/11/11 Javascript