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 相关文章推荐
使用jquery给input和textarea设定ie中的focus
May 29 Javascript
用Javascript实现锚点(Anchor)间平滑跳转
Sep 08 Javascript
JQuery操作Select的Options的Bug(IE8兼容性视图模式)
Apr 21 Javascript
jQuery链式调用与show知识浅析
May 11 Javascript
JavaScript提升性能的常用技巧总结【经典】
Jun 20 Javascript
js上下视差滚动简单实现代码
Mar 07 Javascript
vue实现前进刷新后退不刷新效果
Jan 26 Javascript
JS实现根据数组对象的某一属性排序操作示例
Jan 14 Javascript
Layui给switch添加响应事件的例子
Sep 03 Javascript
微信小程序实现一张或多张图片上传(云开发)
Sep 25 Javascript
JavaScript如何借用构造函数继承
Nov 06 Javascript
如何在JavaScript中创建具有多个空格的字符串?
Feb 23 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实现图片添加水印功能
2014/02/13 PHP
php的mssql数据库连接类实例
2014/11/28 PHP
PHP获取当前执行php文件名的代码
2017/03/02 PHP
jquery动态添加删除一行数据示例
2014/06/12 Javascript
jQuery中has()方法用法实例
2015/01/06 Javascript
jQuery过滤选择器详解
2015/01/13 Javascript
Jquery ajax 同步阻塞引起的UI线程阻塞问题
2015/11/17 Javascript
轻量级jQuery插件slideBox实现带底栏轮播(焦点图)代码
2016/03/28 Javascript
各式各样的导航条效果css3结合jquery代码实现
2016/09/17 Javascript
详解angularjs 关于ui-router分层使用
2017/06/12 Javascript
利用node.js实现自动生成前端项目组件的方法详解
2017/07/12 Javascript
JavaScript 数组去重并统计重复元素出现的次数实例
2017/12/14 Javascript
微信小程序实用代码段(收藏版)
2019/12/17 Javascript
在vue中给后台接口传的值为数组的格式代码
2020/11/12 Javascript
[51:06]DOTA2-DPC中国联赛 正赛 Elephant vs Aster BO3 第二场 1月26日
2021/03/11 DOTA
浅谈python类属性的访问、设置和删除方法
2016/07/25 Python
python利用MethodType绑定方法到类示例代码
2017/08/27 Python
python3使用pyqt5制作一个超简单浏览器的实例
2017/10/19 Python
Python最火、R极具潜力 2017机器学习调查报告
2017/12/11 Python
python中的迭代和可迭代对象代码示例
2017/12/27 Python
python编写暴力破解zip文档程序的实例讲解
2018/04/24 Python
Python之dict(或对象)与json之间的互相转化实例
2018/06/05 Python
详解Django模版中加载静态文件配置方法
2019/07/21 Python
在Django下创建项目以及设置settings.py教程
2019/12/03 Python
解析pip安装第三方库但PyCharm中却无法识别的问题及PyCharm安装第三方库的方法教程
2020/03/10 Python
Python远程linux执行命令实现
2020/11/11 Python
css3中用animation的steps属性制作帧动画
2019/04/25 HTML / CSS
使用HTML5技术开发一个属于自己的超酷颜色选择器
2013/09/22 HTML / CSS
英国网络托管和域名领导者:Web Hosting UK
2017/10/15 全球购物
Nordgreen台湾官网:极简北欧设计手表
2019/08/21 全球购物
定义一结构体数组表示分数,并求两个分数相加之和
2013/06/11 面试题
酷瑞网络科技面试题
2012/03/30 面试题
先进党支部事迹材料
2014/01/13 职场文书
住房公积金贷款工资证明
2015/06/12 职场文书
新闻通讯稿范文
2015/07/22 职场文书
小学生运动会广播
2015/08/19 职场文书