»
Tiếng AnhTiếng PhápTiếng Việt

In - Hiệu ứng tạo sao - JavaScriptBank.com

Phiên bản đầy đủ: jsB@nk » Multimedia » Sự kiện » Hiệu ứng tạo sao
URL: https://www.javascriptbank.com/document-stars-script.html

Hiệu ứng tạo sao © JavaScriptBank.comMô phỏng các ngôi sao di chuyển cùng phương với người quan sát, bạn có thể thay đổi các thông số về số lượng sao, màu, tốc độ di chuyển... của các ngôi sao.

Phiên bản đầy đủ: jsB@nk » Multimedia » Sự kiện » Hiệu ứng tạo sao
URL: https://www.javascriptbank.com/document-stars-script.html



CSS
<style type="text/css">#sDiv0, #sDiv1, #sDiv2, #sDiv3, #sDiv4, #sDiv5, #sDiv6, #sDiv7, #sDiv8, #sDiv9{position:absolute; height:1; width:1; font-family:arial black; font-size:9px; color:#FFFFAA; z-index:10;}</style><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


JavaScript
<SCRIPT LANGUAGE="JavaScript1.2"><!--/*Document firework script (By Matt Gabbert, mgabbert@usrtoday.com, http://www.nolag.com)Featured on Dynamicdrive.comFor full source and 100's more DHTML scripts, visit http://www.dynamicdrive.com*/var ns=(document.layers);var ie=(document.all);var w3=(document.getElementById && self.innerWidth && (window.pageXOffset>-1));//my way of making sure the browser will have what I needvar allDivs      = new Array(10);var documentWidth,documentHeight;function initAll(){if(!ns && !ie && !w3)return;for(dNum=0; dNum<10; ++dNum){if(ie)allDivs[dNum]=eval('document.all.sDiv'+dNum+'.style');else if(ns)allDivs[dNum]=eval('document.layers["sDiv'+dNum+'"]');else if(w3)allDivs[dNum]=eval('document.getElementById("sDiv'+dNum+'").style');moveTo(dNum,0,0);}}function moveTo(i,tempx,tempy){if (ie){documentWidth  =document.body.offsetWidth+document.body.scrollLeft-20;randomy=Math.floor(Math.random()*document.body.offsetHeight)+document.body.scrollTop-20;}else if (ns){documentWidth=window.innerWidth+window.pageXOffset-20;randomy=Math.floor(Math.random()*window.innerHeight)+window.pageYOffset-20;}else if (w3){documentWidth=self.innerWidth+window.pageXOffset-20;randomy=Math.floor(Math.random()*self.innerHeight)+window.pageYOffset-20;}if(tempx>-50){tempx-=45;allDivs[i].left=tempx;allDivs[i].top =tempy;setTimeout("moveTo("+i+","+tempx+","+tempy+")",40)}elsesetTimeout("moveTo("+i+",documentWidth-10,randomy)",2000/i+40);}window.onload=initAll//End--></script><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<div id="sDiv0">*</div><div id="sDiv1">*</div><div id="sDiv2">*</div><div id="sDiv3">*</div><div id="sDiv4">*</div><div id="sDiv5">*</div><div id="sDiv6">*</div><div id="sDiv7">*</div><div id="sDiv8">*</div><div id="sDiv9">*</div><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->