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 相关文章推荐
前端开发必须知道的JS之原型和继承
Jul 06 Javascript
各浏览器中querySelector和querySelectorAll的实现差异分析
May 23 Javascript
jQuery实现鼠标滑向当前图片高亮显示并且其它图片变灰的方法
Jul 27 Javascript
js实现基于正则表达式的轻量提示插件
Aug 29 Javascript
JavaScript算法系列之快速排序(Quicksort)算法实例详解
Sep 04 Javascript
jQuery progressbar通过Ajax请求实现后台进度实时功能
Oct 11 Javascript
jQuery中ajax错误调试分析
Dec 01 Javascript
JS简单生成随机数(随机密码)的方法
May 11 Javascript
JS实现websocket长轮询实时消息提示的效果
Oct 10 Javascript
关于Vue Router中路由守卫的应用及在全局导航守卫中检查元字段的方法
Dec 09 Javascript
vue中keep-alive,include的缓存问题
Nov 26 Javascript
JavaScript前端面试组合函数
Jun 21 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生成短网址的3种方法代码实例
2014/07/08 PHP
php实现两个数组相加的方法
2015/02/17 PHP
php中实现用数组妩媚地生成要执行的sql语句
2015/07/10 PHP
Laravel 修改默认日志文件名称和位置的例子
2019/10/17 PHP
PHP实现简单登录界面
2019/10/23 PHP
火狐浏览器(firefox)下获得Event对象以及keyCode
2008/11/13 Javascript
JS input文本框禁用右键和复制粘贴功能的代码
2010/04/15 Javascript
Javascript 页面模板化很多人没有使用过的方法
2012/06/05 Javascript
js获取客户端网卡的IP地址、MAC地址
2014/03/26 Javascript
JavaScript面向对象编程入门教程
2014/04/16 Javascript
Javascript前端UI框架Kit使用指南之Kitjs简介
2014/11/28 Javascript
推荐一个封装好的getElementsByClassName方法
2014/12/02 Javascript
javascript伸缩型菜单实现代码
2015/11/16 Javascript
Bootstrap进度条学习使用
2017/02/09 Javascript
js控制一个按钮是否可点击(可使用)disabled的实例
2017/02/14 Javascript
JS失效 提示HTML1114: (UNICODE 字节顺序标记)的代码页 utf-8 覆盖(META 标记)的冲突的代码页 utf-8
2017/06/23 Javascript
Vue动态组件和异步组件原理详解
2019/05/06 Javascript
Python原始字符串(raw strings)用法实例
2014/10/13 Python
itchat和matplotlib的结合使用爬取微信信息的实例
2017/08/25 Python
通过Python实现自动填写调查问卷
2017/09/06 Python
python email smtplib模块发送邮件代码实例
2018/04/26 Python
Python pandas.DataFrame 找出有空值的行
2019/09/09 Python
解决pandas展示数据输出时列名不能对齐的问题
2019/11/18 Python
Python日志logging模块功能与用法详解
2020/04/09 Python
基于Tensorflow的MNIST手写数字识别分类
2020/06/17 Python
Python基于yaml文件配置logging日志过程解析
2020/06/23 Python
Python实现定时监测网站运行状态的示例代码
2020/09/30 Python
css3动画 小球滚动 js控制动画暂停
2019/11/29 HTML / CSS
HTML5 drag和drop具体使用详解
2021/01/18 HTML / CSS
Smashbox官网:美国知名彩妆品牌
2017/01/05 全球购物
英国领先的互联网葡萄酒礼品商:Vintage Wine & Port
2019/05/24 全球购物
北京某公司的.net笔试题
2014/03/20 面试题
高中毕业自我鉴定
2013/12/19 职场文书
冰峪沟导游词
2015/02/09 职场文书
Jupyter notebook 更改文件打开的默认路径操作
2021/05/21 Python
Python实现信息管理系统
2022/06/05 Python