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实现的分页函数
Dec 22 Javascript
用js实现层随着内容大小动态渐变改变 推荐
Dec 19 Javascript
JQuery 写的个性导航菜单
Dec 24 Javascript
struts2+jquery+json实现异步加载数据(自写)
Jun 24 Javascript
jQuery中DOM操作实例分析
Jan 23 Javascript
javascript实现网页端解压并查看zip文件
Dec 15 Javascript
理解javascript定时器中的单线程
Feb 23 Javascript
js获取页面及个元素高度、宽度的代码
Apr 26 Javascript
无循环 JavaScript(map、reduce、filter和find)
Apr 08 Javascript
BootStrap数据表格实例代码
Sep 13 Javascript
微信小游戏中three.js离屏画布的示例代码
Oct 12 Javascript
JavaScript实现滑块验证解锁
Jan 07 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
dedecms后台验证码总提示错误的解决方法
2007/03/21 PHP
php adodb介绍
2009/03/19 PHP
提高PHP编程效率的方法
2013/11/07 PHP
PHP实现抓取Google IP并自动修改hosts文件
2015/02/12 PHP
jQuery 图片切换插件(代码比较少)
2012/05/07 Javascript
javascript时间自动刷新实现原理与步骤
2013/01/06 Javascript
jQuery购物网页经典制作案例
2016/08/19 Javascript
Nodejs+Socket.io实现通讯实例代码
2017/02/13 NodeJs
javascript 面向对象function详解及实例代码
2017/02/28 Javascript
详解用vue.js和laravel实现微信授权登陆
2017/06/23 Javascript
Angular4项目中添加i18n国际化插件ngx-translate的步骤详解
2017/07/02 Javascript
使用veloticy-ui生成文字动画效果
2018/02/08 Javascript
Vue.js样式动态绑定实现小结
2019/01/24 Javascript
Angular2使用SVG自定义图表(条形图、折线图)组件示例
2019/05/10 Javascript
浅谈Webpack4 Tree Shaking 终极优化指南
2019/11/18 Javascript
js中Function引用类型常见有用的方法和属性详解
2019/12/11 Javascript
vue created钩子函数与mounted钩子函数的用法区别
2020/11/05 Javascript
vue绑定class的三种方法
2020/12/24 Vue.js
python实现清屏的方法
2015/04/30 Python
PyQt5 QSerialPort子线程操作的实现
2018/04/21 Python
使用Tensorboard工具查看Loss损失率
2020/02/15 Python
django在开发中取消外键约束的实现
2020/05/20 Python
Python在后台自动解压各种压缩文件的实现方法
2020/11/10 Python
详解Django关于StreamingHttpResponse与FileResponse文件下载的最优方法
2021/01/07 Python
浅谈HTML5中dialog元素尝鲜
2018/10/15 HTML / CSS
英国灯具和灯泡网上商店:Lights.co.uk
2018/02/02 全球购物
澳大利亚快时尚鞋类市场:Billini
2018/05/20 全球购物
介绍一下Make? 为什么使用make
2016/07/31 面试题
高中生毕业自我鉴定范文
2013/12/22 职场文书
中学生期末评语
2014/02/03 职场文书
女娲补天教学反思
2014/02/05 职场文书
电焊工岗位职责
2014/03/06 职场文书
任命书格式
2014/06/05 职场文书
小学教师先进事迹材料
2014/12/15 职场文书
动画《平凡职业成就世界最强》宣布制作OVA
2022/04/01 日漫
MySQL中dd::columns表结构转table过程及应用详解
2022/09/23 MySQL