Phiên bản đầy đủ: jsB@nk » Multimedia » Sự kiện » Hiệu ứng mưa/tuyết
URL: https://www.javascriptbank.com/rain-snow-effect-without-images.html
Mô phỏng hiện tượng mưa/tuyết mà không dùng các hình ảnh, bạn có thể thay đổi số lượng hạt mưa tùy theo nhu cầu. Thay đổi hiệu ứng thông qua thông số snow.
Phiên bản đầy đủ: jsB@nk » Multimedia » Sự kiện » Hiệu ứng mưa/tuyết
URL: https://www.javascriptbank.com/rain-snow-effect-without-images.html
<style>.drop { position: absolute; width: 3; filter: flipV(), flipH(); font-size: 20; color: red }</style><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><script language="javascript">//Rain/Snow effect- By Craig Blanchette Craiga.topcities.com//Script featured on Dynamic Drive//Visit http://www.dynamicdrive.com for this script and moresnow = false; // false-rain; true-snowsnowsym = " * " //These are the symbols for eachrainsym = " ' " //You can put images here.howmany = 20 //How many drops/snowflakes?/**************Do not need to change anything below***********/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><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><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-40maxy = document.body.clientHeight-40xx[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;if(snow){col = 'white'}else{col = 'blue'}drop[make].color = col;}window.onload=moverain}</script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->