JavaScript实例技巧精选(14)—动态变化背景颜色
>>点击这里下载完整html源码<<
这是截图:
网页背景颜色随时间变化,核心代码如下:
<SCRIPT LANGUAGE="JavaScript"> <!-- Begin var i=0, bg=0, bgI=1, cNum=1; var cArray = new Array(4); var hex = new Array(30); cArray[0]="FF0000"; cArray[1]="FFFFFF"; cArray[2]="0000FF"; cArray[3]="FF0000"; cArray[4]="FFFFFF"; hex[0]="00"; hex[1]="09"; hex[2]="11"; hex[3]="1A"; hex[4]="22"; hex[5]="2B"; hex[6]="33"; hex[7]="3C"; hex[8]="44"; hex[9]="4D"; hex[10]="55"; hex[11]="5E"; hex[12]="66"; hex[13]="6F"; hex[14]="77"; hex[15]="80"; hex[16]="88"; hex[17]="91"; hex[18]="99"; hex[19]="A2"; hex[20]="AA"; hex[21]="B3"; hex[22]="BB"; hex[23]="C4"; hex[24]="CC"; hex[25]="D5"; hex[26]="DD"; hex[27]="E6"; hex[28]="EE"; hex[29]="F7"; hex[30]="FF"; function BgFade() { if (cNum==1) {FadeRed();} else if (cNum==2) {FadeWhite();} else {FadeBlue();} } function FadeRed() { bg+=bgI; if (bg>29) {bgI=-1;} else if (bg<1) {bgI=-1;cNum=2;} document.body.bgColor="#"+hex[bg]+"0000"; } function FadeWhite() { bg+=bgI; if (bg>29) {bgI=-1;} else if (bg<1) {bgI=-1;cNum=3;} document.body.bgColor="#"+hex[bg]+hex[bg]+hex[bg]; } function FadeBlue() { bg+=bgI; if (bg>29) {bgI=-1;} else if (bg<1) {bgI=-1;cNum=1;} document.body.bgColor="#0000"+hex[bg]; } // End --> </script>
JavaScript实例技巧精选(14)—动态变化背景颜色的更多相关文章
- JavaScript实例技巧精选(10)—计算器实例2
>>点击这里下载完整html源码<< 这是截图: 利用Javascript和html实现的另一个计算器实例,核心代码如下: <script language=" ...
- JavaScript实例技巧精选(9)—计算器实例1
>>点击这里下载完整html源码<< 这是截图: 利用Javascript和html实现的一个计算器实例,核心代码如下: <script language="J ...
- Javascript实例技巧精选(7)—设置和获取文本框与文本域的光标位置(兼容IE和Chrome,Firefox)
>>点击这里下载完整html源码<< 截图如下: 本实例描述了如何用Javascript来控制和获取文本框/文本域的鼠标光标位置,以下代码兼容IE和Chrome,Firefox ...
- JavaScript实例技巧精选(13)—计算在网页上的停留时间
>>点击这里下载完整html源码<< 这是截图: 核心代码如下: <SCRIPT LANGUAGE="JAVASCRIPT"> <!-- ...
- JavaScript实例技巧精选(12)—计算星座与属相
>>点击这里下载完整html源码<< 这是截图: 核心代码如下: <SCRIPT LANGUAGE="JavaScript"> <!-- ...
- Javascript实例技巧精选(8)—计算当月剩余天数
>>点击这里下载完整html源码<< 截图如下: 利用Javascript在网页上计算当前月份的剩余天数,相应代码如下: <script language="J ...
- Javascript实例技巧精选(6)—滚动鼠标中键读取Json数据分页显示网页内容
>>点击这里下载完整html源码<< 截图如下: 滚动鼠标中键读取Json数据分页显示网页内容,关键的Javascript如下: <script type="t ...
- JavaScript实例技巧精选(11)—计算器实例3
>>点击这里下载完整html源码<< 界面如下 将以下代码插入<body></body>中 <FORM NAME="Calc" ...
- CSS 之动态变换背景颜色
先上效果图 HTML代码: 123456789 <div class="header"> <h1>GCCHRN'S BLOG</h1> < ...
随机推荐
- linux Apache安装
原文:linux Apache安装 1. 下载apache,http://httpd.apache.org/download.cgi 通过这个官方网站,我们可以下到最新的版本.现在版本都 ...
- JMeter怎么使用代理服务器
一.JMeter有一个内置的代理服务器,主要用户使用浏览器录制脚本,在左侧的WorkBench中添加HTTP Proxy Server即可, 其中port表示代理服务器段口号, URL Pattern ...
- 工作介绍xml书包文件
光开放平台一个非常重要的特点就是简化了对xml文件的操作,您能非常轻松地引入xml文件.定位到随意节点.增删属性和文本以及节点本身,以下咱们用实例来介绍对xml的操作 引入xml文件: <cht ...
- IOS View传统的价值观之间
1.采用NSUserDefaults通过值,这样的方法不限于传送少量数据的: 比方你要传一个float的值.在须要传的时候用 [[NSUserDefaults standardUserDefaults ...
- uva 10652 Board Wrapping (计算几何-凸包)
Problem B Board Wrapping Input: standard input Output: standard output Time Limit: 2 seconds The sma ...
- HTML文档中应用css样式的方法总结
在HTML文档中应用css样式大致有三种方法:1.link标签链接外部样式表:2.使用style元素包含样式表:3.使用style属性,即内联样式 一.link标签链接外部样式表 先看一条较为标准的l ...
- 【Android界面实现】可旋转的汽车3D模型效果的实现
转载请注明出处:http://blog.csdn.net/zhaokaiqiang1992 今天要给大家介绍的是怎样实现可旋转的汽车3D模型. 先看实现效果 这仅仅是静态图,实际上,这个模型是能够依据 ...
- Git批量删除
Git批量删除 git的改动都需要stage过程后才能commit.当git中有大量改动时就需要能够批量操作在方便.改动分三种: modify: 有文件修改 add: 有文件增加 rm: 有文件删除 ...
- JavaScript之再谈回调与闭包
前些阵子写了几篇关于回调和闭包的博文,感觉自己都是似懂非懂,最近在项目中又碰到了类似的情况,故在此咱们来重弹js中的回调与闭包. 先说说回调: 百度百科: 回调函数就是一个通过函数指针调用的函数.如果 ...
- URAL 1404. Easy to Hack! (模拟)
space=1&num=1404">1404. Easy to Hack! Time limit: 1.0 second Memory limit: 64 MB When Vi ...