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判断浏览器的比较全的代码
Feb 13 Javascript
jquery学习笔记 用jquery实现无刷新登录
Aug 08 Javascript
DWZ table的原生分页浅谈
Mar 01 Javascript
登陆成功后自动计算秒数执行跳转
Jan 23 Javascript
Ionic快速安装教程
Jun 03 Javascript
JavaScript实现广告弹窗效果
Aug 09 Javascript
js实现适合新闻类图片的轮播效果
Feb 05 Javascript
Angular.JS中指令ng-if的注意事项小结
Jun 21 Javascript
对vue2.0中.vue文件页面跳转之.$router.push的用法详解
Aug 24 Javascript
使用vue 国际化i18n 实现多实现语言切换功能
Oct 11 Javascript
详解Axios 如何取消已发送的请求
Oct 20 Javascript
JavaScript组合继承详解
Nov 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
php计算title标题相似比的方法
2015/07/29 PHP
浅谈php7的重大新特性
2015/10/23 PHP
浅谈ThinkPHP5.0版本和ThinkPHP3.2版本的区别
2017/06/17 PHP
jquery实现居中弹出层代码
2010/08/25 Javascript
myeclipse安装jQuery插件的方法
2011/03/29 Javascript
利用webqq协议使用python登录qq发消息源码参考
2013/04/08 Javascript
IE6下javasc#ipt:void(0) 无效的解决方法
2013/12/23 Javascript
js 通用订单代码
2013/12/23 Javascript
js输出阴历、阳历、年份、月份、周示例代码
2014/01/29 Javascript
JS常用表单验证方法总结
2014/05/22 Javascript
JavaScript控制listbox列表框的项目上下移动的方法
2015/03/18 Javascript
JavaScript简单下拉菜单实例代码
2015/09/07 Javascript
jQuery中attr()与prop()函数用法实例详解(附用法区别)
2015/12/29 Javascript
分享一个原生的JavaScript拖动方法
2016/09/25 Javascript
微信小程序 picker 组件详解及简单实例
2017/01/10 Javascript
jquery实现数字输入框
2017/02/22 Javascript
js模仿微信朋友圈计算时间显示几天/几小时/几分钟/几秒之前
2017/04/27 Javascript
原生JS实现层叠轮播图
2017/05/17 Javascript
详解webpack编译速度提升之DllPlugin
2019/02/05 Javascript
微信小程序实现手势滑动卡片效果
2019/08/26 Javascript
js实现录音上传功能
2019/11/22 Javascript
vue 限制input只能输入正数的操作
2020/08/05 Javascript
Python按行读取文件的实现方法【小文件和大文件读取】
2016/09/19 Python
django session完成状态保持的方法
2018/11/27 Python
Python:Numpy 求平均向量的实例
2019/06/29 Python
Python cookie的保存与读取、SSL讲解
2020/02/17 Python
python继承threading.Thread实现有返回值的子类实例
2020/05/02 Python
利用CSS的Sass预处理器(框架)来制作居中效果
2016/03/10 HTML / CSS
华润集团网上药店:健一网
2016/09/19 全球购物
天猫精选:上天猫,就够了
2016/09/21 全球购物
初中毕业生的自我评价
2014/03/03 职场文书
作风建设年活动总结
2014/08/27 职场文书
中学生学习保证书
2015/02/26 职场文书
2015年乡镇卫生院妇幼保健工作总结
2015/05/19 职场文书
商务英语邮件开头问候语
2015/11/10 职场文书
httpclient调用远程接口的方法
2022/08/14 Java/Android