教程集 > 脚本编程 > javascript > 正文 js下雪效果代码

js下雪效果代码

发布时间：2023-04-29 编辑：jiaochengji.com

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

js下雪效果代码

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

<body bgcolor="#ffffff">     <style type=text/css>BODY {          FONT-FAMILY: "隶书"; FONT-SIZE: 9pt; MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px; MARGIN-TOP: 0px  }    </style>    <script language=JavaScript>  var no = 50;  var speed = 1;  var s, x, y, sn, cs;  var a, r, cx, cy;  var i, doc_width = 800, doc_height = 600;    if (document.all) {  doc_width = document.body.clientWidth;  doc_height = document.body.clientHeight;  }  x = new Array();  y = new Array();  r = new Array();  cx = new Array();  cy = new Array();  s = 8;  for (i = 0; i < no;    i) {  initRain();    if (document.all) {  document.write("<div id="dot"  i  "" style="POSITION: ");  document.write("absolute; Z-INDEX: "  i  "; VISIBILITY: ");  document.write("visible; TOP: 15px; LEFT: 15px;"><font color="black">");  document.write(",</font></div>");     }  }  function initRain() {  a = 6;  r[i] = 1;  sn = Math.sin(a);  cs = Math.cos(a);  cx[i] = Math.random() * doc_width   1;  cy[i] = Math.random() * doc_height   1;  x[i] = r[i] * sn   cx[i];  y[i] = cy[i];  }    function makeRain() {    r[i] = 1;  cx[i] = Math.random() * doc_width   1;  cy[i] = 1;  x[i] = r[i] * sn   cx[i];  y[i] = r[i] * cs   cy[i];  }  function updateRain() {    r[i]  = s;  y[i] = r[i] * cs   cy[i];  }    function raindropIE() {    for (i = 0; i < no;    i) {  updateRain();  if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) {  makeRain();  doc_width = document.body.clientWidth;  doc_height = document.body.clientHeight;  }  document.all["dot" i].style.pixelTop = y[i];  document.all["dot" i].style.pixelLeft = x[i];  }  setTimeout("raindropIE()", speed);  }    if (document.all) {  raindropIE();    }  </script>    </body>    </html>

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

您可能感兴趣的文章：
如何使用HTML5 canvas实现雪花飘落
 让你的博客飘雪花超出屏幕依然看得见
 圣诞节Merry Christmas给博客添加浪漫的下雪效果基于jquery实现
 用canvas实现简单的下雪效果（附代码）
mysql 正则匹配字符串的例子分享
 Photoshop设计逼真漂亮雪景制作教程
 想系统学习GO语言(Golang
用php生成带有雪花背景的验证码
 js+JQuery返回顶部功能如何实现
 html5 canvas粒子形成下雪背景的效果

上一篇：js网页调色板代码下一篇：js入门，简单用户信息验证函数

[关闭]

js下雪效果代码

最近更新

浏览排行