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 AnythingSlider滑动效果插件
Feb 07 Javascript
js 省地市级联选择
Feb 07 Javascript
jQuery 表格工具集
Apr 25 Javascript
js获取客户端网卡的IP地址、MAC地址
Mar 26 Javascript
Javascript前端UI框架Kit使用指南之Kitjs简介
Nov 28 Javascript
JQuery页面地址处理插件jqURL详解
May 03 Javascript
详解JavaScript设计模式开发中的桥接模式使用
May 18 Javascript
jquery easyui DataGrid简单示例
Jan 23 Javascript
微信小程序授权登录及解密unionId出错的方法
Sep 26 Javascript
vue动画之点击按钮往上渐渐显示出来的实例
Sep 29 Javascript
Vue实现移动端左右滑动效果的方法
Nov 27 Javascript
vue3+typeScript穿梭框的实现示例
Dec 29 Vue.js
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
合作指挥官:孟斯克
2020/03/16 星际争霸
PHP 采集获取指定网址的内容
2010/01/05 PHP
phpexcel导入excel数据使用方法实例
2013/12/24 PHP
php curl请求信息和返回信息设置代码实例
2015/04/27 PHP
Laravel中的Blade模板引擎示例详解
2017/10/10 PHP
Javascript 更新 JavaScript 数组的 uniq 方法
2008/01/23 Javascript
js全屏显示显示代码的三种方法
2013/11/11 Javascript
多个js毫秒倒计时同时进行效果
2016/01/05 Javascript
JS创建对象几种不同方法详解
2016/03/01 Javascript
纯js实现瀑布流布局及ajax动态新增数据
2016/04/07 Javascript
浅谈javascript alert和confirm的美化
2016/12/15 Javascript
JS实现给对象动态添加属性的方法
2017/01/05 Javascript
js实现贪吃蛇小游戏(容易理解)
2017/01/22 Javascript
简单谈谈require模块化jquery和angular的问题
2017/06/23 jQuery
Javascript中从学习bind到实现bind的过程
2018/01/05 Javascript
JS实现的集合去重,交集,并集,差集功能示例
2018/03/13 Javascript
微信小程序使用map组件实现获取定位城市天气或者指定城市天气数据功能
2019/01/22 Javascript
JS基础之逻辑结构与循环操作示例
2020/01/19 Javascript
vue中watch和computed的区别与使用方法
2020/08/23 Javascript
[02:19]2014DOTA2国际邀请赛 专访820少年们一起去追梦吧
2014/07/14 DOTA
[04:28]DOTA2亚洲邀请赛小组赛第五日 TOP10精彩集锦
2015/02/03 DOTA
Python中使用插入排序算法的简单分析与代码示例
2016/05/04 Python
对python numpy数组中冒号的使用方法详解
2018/04/17 Python
关于Python的一些学习总结
2018/05/25 Python
python中单例常用的几种实现方法总结
2018/10/13 Python
python pandas读取csv后,获取列标签的方法
2018/11/12 Python
Python中正则表达式的用法总结
2019/02/22 Python
Python进阶之使用selenium爬取淘宝商品信息功能示例
2019/09/16 Python
JupyterNotebook设置Python环境的方法步骤
2019/12/03 Python
Python实现迪杰斯特拉算法并生成最短路径的示例代码
2020/12/01 Python
ivx平台开发之不用代码实现一个九宫格抽奖功能
2021/01/27 HTML / CSS
商务考察邀请函范文
2014/01/21 职场文书
优秀班组长事迹
2014/05/31 职场文书
Django 如何实现文件上传下载
2021/04/08 Python
浅谈vue2的$refs在vue3组合式API中的替代方法
2021/04/18 Vue.js
Python实现PIL图像处理库绘制国际象棋棋盘
2021/07/16 Python