>>点击这里下载完整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>

最新文章

  1. BZOJ4570: [Scoi2016]妖怪
  2. 【转载】最完美解决Nginx部署ThinkPHP项目的办法
  3. 【leetcode】Candy
  4. Android APK 文件自动安装
  5. 03server平台delphi程序不支持直接调用webservice
  6. iOS多线程编程Part 1/3 - NSThread &amp; Run Loop
  7. 在vs中跑动kdtree 和 bbf
  8. [上传下载] C#FileDown文件下载类 (转载)
  9. RAC 开启gsd和oc4j服务
  10. 【框架学习与探究之定时器--Hangfire】
  11. Java第8次实验(IO流)
  12. redux 简介
  13. [Swift]LeetCode123. 买卖股票的最佳时机 III | Best Time to Buy and Sell Stock III
  14. [Swift]LeetCode208. 实现 Trie (前缀树) | Implement Trie (Prefix Tree)
  15. sql获取时间段内的所有日期
  16. [DPI][suricata] suricata 配置使用
  17. TZOJ 3709:Number Maze(广搜记录前驱)
  18. ionic左滑删除
  19. webpack HMR是如何工作的?
  20. 【FJOI2014】最短路径树问题

热门文章

  1. CSS3实现Tooltip提示框飞入飞出动画
  2. dotNET跨平台相关文档
  3. obj-c编程04:类的继承
  4. 利用BBED恢复UPDATE改动前的值
  5. 基于STM32旋转编码器
  6. Jquery Jqprint—随着Jquery Jqprint实现网页打印
  7. Android启动第三方应用程序
  8. Linux 解决文件删除,但并没有改变磁盘可用性
  9. 【设计模式】Abstract Factory模式
  10. 剑指XX(游戏10) - 走正步工厂一个安静的农场游戏的代码