JS实现进入页面时渐变背景色的方法

 更新时间:2015年02月25日 11:24:03   作者:代码家园  
这篇文章主要介绍了JS实现进入页面时渐变背景色的方法,涉及javascript操作css控制背景色渐变的技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了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检测flash插件是否被禁用的方法

    javascript检测flash插件是否被禁用的方法

    这篇文章主要介绍了javascript检测flash插件是否被禁用的方法,涉及JavaScript调用ActiveXObject组件操作flash插件的相关技巧,需要的朋友可以参考下
    2016-01-01
  • 轻松掌握JavaScript享元模式

    轻松掌握JavaScript享元模式

    这篇文章主要帮助大家轻松掌握JavaScript享元模式,告诉大家想什么是js享元模式,感兴趣的小伙伴们可以参考一下
    2016-08-08
  • JS基于递归实现网页版计算器的方法分析

    JS基于递归实现网页版计算器的方法分析

    这篇文章主要介绍了JS基于递归实现网页版计算器的方法,结合实例形式分析了javascript采用递归算法实现网页版计算器的步骤与相关操作技巧,需要的朋友可以参考下
    2017-12-12
  • js实现浏览本地文件并显示扩展名的方法

    js实现浏览本地文件并显示扩展名的方法

    这篇文章主要介绍了js实现浏览本地文件并显示扩展名的方法,涉及javascript文件上传及字符串操作的相关技巧,非常简单实用,需要的朋友可以参考下
    2015-08-08
  • JavaScript requestAnimationFrame动画详解

    JavaScript requestAnimationFrame动画详解

    这篇文章主要为大家详细介绍了JavaScript requestAnimationFrame动画,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-09-09
  • IE6浏览器中window.location.href无效的解决方法

    IE6浏览器中window.location.href无效的解决方法

    这篇文章主要介绍了IE6浏览器中window.location.href无效的解决方法,给出了正确与错误的实例对比,分析跳转无效的原因与解决方法,是非常实用的技巧,需要的朋友可以参考下
    2014-11-11
  • HTML5 js实现拖拉上传文件功能

    HTML5 js实现拖拉上传文件功能

    这篇文章主要为大家详细介绍了HTML5实现拖拉上传文件功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01
  • 如何实现js拖拽效果及原理解析

    如何实现js拖拽效果及原理解析

    这篇文章主要介绍了如何实现js拖拽效果及原理解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-05-05
  • JS中的算法与数据结构之字典(Dictionary)实例详解

    JS中的算法与数据结构之字典(Dictionary)实例详解

    这篇文章主要介绍了JS中的算法与数据结构之字典(Dictionary),结合实例形式详细分析了javascript数据结构中字典的概念、原理、定义与常见使用方法,需要的朋友可以参考下
    2019-08-08
  • 从基础开始建立一个JS代码库

    从基础开始建立一个JS代码库

    从基础开始建立一个JS代码库,更新中 有心人会领技术走的更远
    2009-07-07

最新评论