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 相关文章推荐
json跟xml的对比分析
Jun 10 Javascript
使用滤镜设置透明导致 IE 6/7/8/9 解析异常的解决方法
Apr 07 Javascript
node.js中的fs.utimesSync方法使用说明
Dec 15 Javascript
详解Javascript ES6中的箭头函数(Arrow Functions)
Aug 24 Javascript
js编写选项卡效果
May 23 Javascript
了解VUE的render函数的使用
Jun 08 Javascript
详解vue项目优化之按需加载组件-使用webpack require.ensure
Jun 13 Javascript
JS库 Highlightjs 添加代码行号的实现代码
Sep 13 Javascript
jQuery实现的回车触发按钮事件功能示例
Mar 25 jQuery
JavaScript Math对象和调试程序的方法分析
May 13 Javascript
JS开发常用工具函数(小结)
Jul 04 Javascript
jquery-ui 进度条功能示例【测试可用】
Jul 25 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的call_user_func传reference引发的思考
2010/07/23 PHP
php中的路径问题与set_include_path使用介绍
2014/02/11 PHP
PHP之uniqid()函数用法
2014/11/03 PHP
功能强大的PHP POST提交数据类
2016/07/15 PHP
javascript引用赋值(地址传值)用法实例
2015/01/13 Javascript
js小数运算出现多位小数如何解决
2015/10/08 Javascript
Java中Timer的用法详解
2015/10/21 Javascript
JavaScript如何禁止Backspace键
2015/12/02 Javascript
基于JavaScript代码实现自动生成表格
2016/06/15 Javascript
JS验证图片格式和大小并预览的简单实例
2016/10/11 Javascript
vue.js事件处理器是什么
2017/03/20 Javascript
vue中mint-ui环境搭建详细介绍
2017/04/06 Javascript
关于jQuery中fade(),show()起始位置的一点小发现
2017/04/25 jQuery
AngularJs实现聊天列表实时刷新功能
2017/06/15 Javascript
angularjs实现天气预报功能
2020/06/16 Javascript
vue 自定义 select内置组件
2018/04/10 Javascript
JS实现前端页面的搜索功能
2018/06/12 Javascript
详解Vue项目在其他电脑npm run dev运行报错的解决方法
2018/10/29 Javascript
Typescript的三种运行方式(小结)
2019/09/18 Javascript
vue实现购物车小案例
2019/09/27 Javascript
使用jQuery实现购物车
2020/10/29 jQuery
python实现计算资源图标crc值的方法
2014/10/05 Python
Pycharm设置去除显示的波浪线方法
2018/10/28 Python
对Django url的几种使用方式详解
2019/08/06 Python
Python中zip函数如何使用
2020/06/04 Python
HTML5 Canvas之测试浏览器是否支持Canvas的方法
2015/01/01 HTML / CSS
canvas绘制圆角头像的实现方法
2019/01/17 HTML / CSS
微信小程序之html5 canvas绘图并保存到系统相册
2019/06/20 HTML / CSS
bareMinerals官网:矿物质化妆品和护肤品
2018/02/04 全球购物
回门宴新郎答谢词
2014/01/12 职场文书
村主任个人对照检查材料
2014/10/01 职场文书
领导欢迎词范文
2015/01/26 职场文书
2015年社区民政工作总结
2015/04/21 职场文书
2015年骨干教师工作总结
2015/05/26 职场文书
详细分析PHP7与PHP5区别
2021/06/26 PHP
HTML怎么设置下划线?html文字加下划线方法
2021/12/06 HTML / CSS