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 innerHTML 的一些问题的解决方法
Jun 22 Javascript
JS 实现获取打开一个界面中输入的值
Mar 19 Javascript
AngularJS入门教程之学习环境搭建
Dec 06 Javascript
js实现上传图片预览的方法
Feb 09 Javascript
JS实现双击编辑可修改状态的方法
Aug 14 Javascript
select自定义小三角样式代码(实用总结)
Aug 18 Javascript
Vue-Router基础学习笔记(小结)
Oct 15 Javascript
jquery实现Ajax请求的几种常见方式总结
May 28 jQuery
JS如何在数组指定位置插入元素
Mar 10 Javascript
vue项目使用$router.go(-1)返回时刷新原来的界面操作
Jul 26 Javascript
Nuxt pages下不同的页面对应layout下的页面布局操作
Nov 05 Javascript
JavaScript offset实现鼠标坐标获取和窗口内模块拖动
May 30 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
URL Rewrite的设置方法
2007/01/02 PHP
PHP中全局变量global和$GLOBALS[]的区别分析
2012/08/06 PHP
php 批量添加多行文本框textarea一行一个
2014/06/03 PHP
CI框架常用函数封装实例
2016/11/21 PHP
js版本A*寻路算法
2006/12/22 Javascript
Javascript valueOf 使用方法
2008/12/28 Javascript
基于jquery的滑动样例代码
2010/11/20 Javascript
Chrome中JSON.parse的特殊实现
2011/01/12 Javascript
jquery.uploadify插件在chrome浏览器频繁崩溃解决方法
2015/03/01 Javascript
JavaScript编写简单的计算器
2015/11/25 Javascript
轻松学习jQuery插件EasyUI EasyUI实现拖放商品放置购物车
2015/11/30 Javascript
基于Bootstrap使用jQuery实现简单可编辑表格
2016/05/04 Javascript
如何利用Promises编写更优雅的JavaScript代码
2016/05/17 Javascript
JS在一定时间内跳转页面及各种刷新页面的实现方法
2016/05/26 Javascript
浅谈JavaScript 执行环境、作用域及垃圾回收
2016/05/31 Javascript
深入理解JavaScript 函数
2016/06/06 Javascript
Javascript操作表单实例讲解(下)
2016/06/20 Javascript
vue+django实现一对一聊天功能的实例代码
2019/07/17 Javascript
详解JS预解析原理
2020/06/16 Javascript
Vue实现计算器计算效果
2020/08/17 Javascript
小程序实现录音功能
2020/09/22 Javascript
Python SQLAlchemy基本操作和常用技巧(包含大量实例,非常好)
2014/05/06 Python
Python中处理时间的几种方法小结
2015/04/09 Python
Python与R语言的简要对比
2017/11/14 Python
Python使用pymysql从MySQL数据库中读出数据的方法
2018/07/25 Python
uwsgi+nginx部署Django项目操作示例
2018/12/04 Python
Python面向对象程序设计OOP深入分析【构造函数,组合类,工具类等】
2019/01/05 Python
Python性能测试工具Locust安装及使用
2020/12/01 Python
html5 CSS过度-webkit-transition使用介绍
2013/07/02 HTML / CSS
goodhealth官方海外旗舰店:新西兰国民营养师
2017/12/15 全球购物
纽约手袋品牌:KARA
2018/03/18 全球购物
罗技英国官方网站:Logitech UK
2020/11/03 全球购物
瑞典在互联网上最大的宠物商店:Animail
2020/10/31 全球购物
信息与工商管理职业规划范文:为梦想而搏击
2014/09/11 职场文书
经理岗位职责
2015/02/02 职场文书
vue3使用vuedraggable实现拖拽功能
2022/04/06 Vue.js