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