https://www.slit.cn/./ 东营_网页特效代码－网页礼花背景_胜利社区_东营论坛_学习与教育

胜利社区

搜索
当前位置:»社区 › 生活百态 › 学习与教育 › 网页特效代码－网页礼花背景
返回列表 发新帖

网页特效代码－网页礼花背景

[复制链接]
夏日飘雪
分享到：
发表于 2008-3-7 15:20 | 显示全部楼层 |阅读模式 来自：LAN
深隧的天空不断爆出多彩的礼花，漂亮极了 。个人认为在深色背景上效果好一些！！！
  1. 把如下代码加入<body>区域中
  2. <layer name="a0" left=10 top=10 visibility=show bgcolor="#ffffff" clip="0,0,1,1"></layer>
  3. <layer name="a1" left=10 top=10 visibility=show bgcolor="#fff000" clip="0,0,1,1"></layer>
  4. <layer name="a2" left=10 top=10 visibility=show bgcolor="#ffa000" clip="0,0,1,1"></layer>
  5. <layer name="a3" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></layer>
  6. <layer name="a4" left=10 top=10 visibility=show bgcolor="#00ff00" clip="0,0,1,1"></layer>
  7. <layer name="a5" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></layer>
  8. <layer name="a6" left=10 top=10 visibility=show bgcolor="#ff0000" clip="0,0,1,1"></layer>
  9. <layer name="a7" left=10 top=10 visibility=show bgcolor="#ffffff" clip="0,0,1,1"></layer>
  10. <layer name="a8" left=10 top=10 visibility=show bgcolor="#fff000" clip="0,0,1,1"></layer>
  11. <layer name="a9" left=10 top=10 visibility=show bgcolor="#ffa000" clip="0,0,1,1"></layer>
  12. <layer name="a10" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></layer>
  13. <layer name="a11" left=10 top=10 visibility=show bgcolor="#00ff00" clip="0,0,2,2"></layer>
  14. <layer name="a12" left=10 top=10 visibility=show bgcolor="#0000ff" clip="0,0,2,2"></layer>
  15. <layer name="a13" left=10 top=10 visibility=show bgcolor="#ff0000" clip="0,0,2,2"></layer>
  16. <div id="starsDiv" style="position:absolute;top:0px;left:0px">
  17. <div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:2px"></div>
  18. <div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px"></div>
  19. <div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px"></div>
  20. <div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px"></div>
  21. <div style="position:relative;width:1px;height:1px;background:#00ff00;font-size:1px"></div>
  22. <div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px"></div>
  23. <div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px"></div>
  24. <div style="position:relative;width:1px;height:1px;background:#ffffff;font-size:1px"></div>
  25. <div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px"></div>
  26. <div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px"></div>
  27. <div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px"></div>
  28. <div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px"></div>
  29. <div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px"></div>
  30. <div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px"></div>
  31. </div>
  32. <SCRIPT LANGUAGE="JavaScript">

  34. <!-- Begin
  35. var Clrs = new Array(9);
  36. Clrs[0] = 'ff0000';
  37. Clrs[1] = '00ff00';
  38. Clrs[2] = '000aff';
  39. Clrs[3] = 'ff00ff';
  40. Clrs[4] = 'ffa500';
  41. Clrs[5] = 'ffff00';
  42. Clrs[6] = '00ff00';
  43. Clrs[7] = 'ffffff';
  44. Clrs[8] = 'fffff0';
  45. var sClrs = new Array(5);
  46. sClrs[0] = 'ffa500';
  47. sClrs[1] = '55ff66';
  48. sClrs[2] = 'AC9DFC';
  49. sClrs[3] = 'fff000';
  50. sClrs[4] = 'fffff0';
  51. var yBase;
  52. var xBase;
  53. var step;
  54. var currStep = 0;
  55. var Xpos = 1;
  56. var Ypos = 1;
  57. var initialStarColor = 'ffa000';
  58. var Mtop = 250;
  59. var Mleft = 250;
  60. function Fireworks() {
  61. if (document.all) {
  62. yBase = window.document.body.offsetHeight / 3;
  63. xBase = window.document.body.offsetWidth / 8;
  64. }
  65. else if (document.layers) {
  66. yBase = window.innerHeight / 3;
  67. xBase = window.innerWidth / 8;
  68. }
  69. if (document.all) {
  70. step = 5;
  71. for ( i = 0 ; i < starsDiv.all.length ; i++ ) {
  72. for (ai = 0; ai < Clrs.length; ai++) {
  73. var c = Math.round(Math.random()*[ai]);
  74. }
  75. if (currStep < 90)
  76. starsDiv.all[i].style.background=initialStarColor;
  77. if (currStep > 90)
  78. starsDiv.all[i].style.background=Clrs[c];
  79. starsDiv.all[i].style.top = Mtop + yBase*Math.sin((currStep+i*5)/3)*Math.sin(550+currStep/100)
  80. starsDiv.all[i].style.left = Mleft + yBase*Math.cos((currStep+i*5)/3)*Math.sin(550+currStep/100)
  81. }
  82. }
  83. else if (document.layers) {
  84. step = 5;
  85. for ( j = 0 ; j < 24 ; j++ ) { //number of NS layers!
  86. var templayer = "a"+j;
  87. for (ai = 0; ai < Clrs.length; ai++) {
  88. var c = Math.round(Math.random()*[ai]);
  89. }
  90. if (currStep < 90)
  91. document.layers[templayer].bgColor=initialStarColor;
  92. if (currStep > 90)
  93. document.layers[templayer].bgColor=Clrs[c];
  94. document.layers[templayer].top = Mtop + yBase*Math.sin((currStep+j*5)/3)*Math.sin(550+currStep/100)
  95. document.layers[templayer].left = Mleft + yBase*Math.cos((currStep+j*5)/3)*Math.sin(550+currStep/100)
  96. }
  97. }
  98. currStep+= step;
  99. T=setTimeout("Fireworks()",5);
  100. if (currStep == 220) {
  101. currStep = -10;
  102. for (n = 0; n < sClrs.length; n++) {
  103. var k = Math.round(Math.random()*n);
  104. }
  105. initialStarColor = sClrs[k];
  106. if (document.all) {
  107. Dtop = window.document.body.clientHeight - 250;
  108. Dleft = xBase * 3.5;
  109. Mtop = Math.round(Math.random()*Dtop);
  110. Mleft = Math.round(Math.random()*Dleft);
  111. document.all.starsDiv.style.top = Mtop+document.body.scrollTop;
  112. document.all.starsDiv.style.left = Mleft+document.body.scrollLeft;
  113. }
  114. else if (document.layers) {
  115. Dleft = window.innerWidth - 100;
  116. Dtop = window.innerHeight - 100;
  117. Mtop = Math.round(Math.random()*Dtop+window.pageYOffset);
  118. Mleft = Math.round(Math.random()*Dleft+window.pageXOffset);
  119. document.layers[templayer].top = Mtop;
  120. document.layers[templayer].left = Mleft;
  121. }
  122. if ((Mtop < 20) || (Mleft < 20)) {
  123. Mtop += 90;
  124. Mleft += 90;
  125. }
  126. }
  127. }
  128. Fireworks();
  129. // End -->
  130. </script>
复制代码
免责声明：用户在本平台发表的内容(如有图片或视频亦包括在内)仅表明其个人观点，不代表本平台观点，本平台亦不承担任何法律及连带责任，本平台仅提供信息存储服务；本平台发布的信息仅为传递、参考之用，不构成任何投资、使用等行为的建议。任何后果均由用户自行承担；转载文章的版权归原作者所有，如有侵权，请与我们取得联系，我们将立即整改或删除相关内容。
回复

使用道具 举报

星夜飞雨
发表于 2008-3-7 15:30 | 显示全部楼层 来自：LAN
:em15: :em15: :em15: :em15: 我喜欢:em16:
免责声明：用户在本平台发表的内容(如有图片或视频亦包括在内)仅表明其个人观点，不代表本平台观点，本平台亦不承担任何法律及连带责任，本平台仅提供信息存储服务；本平台发布的信息仅为传递、参考之用，不构成任何投资、使用等行为的建议。任何后果均由用户自行承担；转载文章的版权归原作者所有，如有侵权，请与我们取得联系，我们将立即整改或删除相关内容。
回复 支持 反对

使用道具 举报

返回列表 发新帖

使用高级回帖 (可批量传图、插入视频等)快速回复
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则   Ctrl + Enter 快速发布  

发帖时请遵守我国法律，网站会将有关你发帖内容、时间以及发帖IP地址等记录保留，只要接到合法请求，即会将信息提供给有关政府机构。
关闭
快速回复 返回顶部 返回列表