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面向对象程序设计
Jan 21 Javascript
每天一篇javascript学习小结(属性定义方法)
Nov 19 Javascript
js+flash实现的5图变换效果广告代码(附演示与demo源码下载)
Apr 01 Javascript
javascript css红色经典选项卡效果实现代码
May 17 Javascript
Javascript基础_嵌入图像的简单实现
Jun 14 Javascript
JS获取一个未知DIV高度的方法
Aug 09 Javascript
jQuery的三种bind/One/Live/On事件绑定使用方法
Feb 23 Javascript
vuejs绑定class和style样式
Apr 11 Javascript
vue 纯js监听滚动条到底部的实例讲解
Sep 03 Javascript
Vue自定义指令写法与个人理解
Feb 09 Javascript
使用 Angular RouteReuseStrategy 缓存(路由)组件的实例代码
Nov 01 Javascript
使用Vue.js和MJML创建响应式电子邮件
Mar 23 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
咖啡冲泡指南 咖啡有哪些制作方式 单品咖啡 意式咖啡
2021/03/06 冲泡冲煮
PHP利用REFERER根居访问来地址进行页面跳转
2013/09/28 PHP
PHP获取某个月最大天数(最后一天)的方法
2015/07/29 PHP
编写PHP脚本来实现WordPress中评论分页的功能
2015/12/10 PHP
PHP 等比例缩放图片详解及实例代码
2016/09/18 PHP
php实现socket推送技术的示例
2017/12/20 PHP
jquery插件jbox使用iframe关闭问题
2009/02/09 Javascript
JSQL SQLProxy 的 php 版本代码
2010/05/05 Javascript
jQuery之尺寸调整组件的深入解析
2013/06/19 Javascript
javascript中比较字符串是否相等的方法
2013/07/23 Javascript
js图片延迟技术一般的思路与示例
2014/03/20 Javascript
使用jquery写个更改表格行顺序的小功能
2014/04/29 Javascript
Jquery焦点图实例代码
2014/11/25 Javascript
详解JavaScript数组的操作大全
2015/10/19 Javascript
js 自带的 map() 方法全面了解
2016/08/16 Javascript
微信小程序 实例应用(记账)详解
2016/09/28 Javascript
浅谈js对象属性 通过点(.) 和方括号([]) 的不同之处
2016/10/29 Javascript
Bootstrap基本组件学习笔记之按钮组(8)
2016/12/07 Javascript
javascript中递归的两种写法
2017/01/17 Javascript
Angular 2 ngForm中的ngModel、[ngModel]和[(ngModel)]的写法
2017/06/29 Javascript
vue-router 导航钩子的具体使用方法
2017/08/31 Javascript
如何使用CSS3和JQuery easing 插件制作绚丽菜单
2019/06/18 jQuery
vue自定义插件封装,实现简易的elementUi的Message和MessageBox的示例
2020/11/20 Vue.js
python在命令行下使用google翻译(带语音)
2014/01/16 Python
python访问系统环境变量的方法
2015/04/29 Python
Python定时任务sched模块用法示例
2018/07/16 Python
python中enumerate() 与zip()函数的使用比较实例分析
2019/09/03 Python
ETO男装官方网店:ETO Jeans
2019/02/28 全球购物
英国索普公园票务和酒店套餐:Thorpe Breaks
2019/09/14 全球购物
网游商务专员求职信
2013/10/15 职场文书
建筑经济管理专业求职信分享
2014/01/06 职场文书
工地宣传标语
2014/06/18 职场文书
县长“四风”对照检查材料思想汇报
2014/10/05 职场文书
专业见习报告范文
2014/11/03 职场文书
劳动者解除劳动合同通知书
2015/04/16 职场文书
vue cli4中mockjs在dev环境和build环境的配置详情
2022/04/06 Vue.js