教程集 > jQuery > jQuery 插件 > 正文 js 圣诞节下雪花背景效果代码

js 圣诞节下雪花背景效果代码

发布时间：2023-12-19 编辑：jiaochengji.com

教程集为您提供js 圣诞节下雪花背景效果代码等资源，欢迎您收藏本站，我们将为您提供最新的js 圣诞节下雪花背景效果代码资源

提示：您可以先修改部分代码再运行

js 圣诞节下雪花背景效果代码  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  <html>  <head>  <title>js 圣诞节下雪花背景效果代码</title>  <meta http-equiv="content-type" content="text/html;charset=gb2312">    <style type="text/css">  body{background-color:#228B22;}  .drop{position:absolute;width:3;filter:flipV(),flipH();font-size:40;color:blue;}  </style>  <script language="javascript">  snow = true;   snowsym = " * "  rainsym = " ' "  howmany = 25  if(snow){sym = snowsym; speed=1; angle=10; drops=howmany}  else{sym = rainsym; speed=50; drops=howmany; angle=6}  movex = -speed/angle; movey = speed; count = 0;  function moverain(){  for(move = 0; move < drops; move  ){  xx[move] =movex;  yy[move] =mv[move];  hmm = Math.round(Math.random()*1);  if(xx[move] < 0){xx[move] = maxx 10;}  if(yy[move] > maxy){yy[move] = 10;}  drop[move].left = xx[move]  drop[move].top = yy[move] document.body.scrollTop;  }setTimeout('moverain()','1')}  </script>  <script language="javascript">  if (document.all){  drop = new Array(); xx = new Array(); yy = new Array(); mv = new Array()  ly = "document.all['"; st = "'].style"  for(make = 0; make < drops; make  ){  document.write('<div id="drop' make '" class=drop>' sym '</div>');  drop[make] = eval(ly 'drop' make st);  maxx = document.body.clientWidth-40  maxy = document.body.clientHeight-40  xx[make] = Math.random()*maxx;  yy[make] = -100-Math.random()*maxy;  drop[make].left = xx[make]  drop[make].top = yy[make]  mv[make] = (Math.random()*5) speed/4;  drop[make].fontSize = (Math.random()*10) 20;  //*Change (col = 'white) to (col =YOUR COLOR)*//  if(snow){col = 'white'}else{col = 'blue'}  drop[make].color = col;  }  window.onload=moverain  }  </script>  </head>  <body>  看到了吗？  </body>  </html>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
js 圣诞节下雪花背景效果代码
 photoshop设计圣诞节扁平化风格海报制作教程
 photoshop设计冰雪圣诞节日文字制作教程
 photoshop设计圣诞节海报示例制作教程
 圣诞节Merry Christmas给博客添加浪漫的下雪效果基于jquery实现
 利用Photoshop制作温馨的圣诞节积雪字体效果
 利用Photoshop快速打造圣诞贺卡图片教程
 Photoshop设计圣诞童装宣传横幅海报教程
 photoshop设计金属效果的圣诞节文字制作教程
 如何使用HTML5 canvas实现雪花飘落

上一篇：TextBox 下一篇：三级导航菜单,三级竖向展开/收缩导航菜单

[关闭]

js 圣诞节下雪花背景效果代码

最近更新

浏览排行