(Ayuda) Confeti o nieve para la web de tres colores

CarlosGarrigos Seguir

Zeta
Social Media
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
8 Jul 2012
Mensajes
1.703
Saludos a todos.
En el mes de septiembre como lo es en otros paises, celebramos el día de la independencia especificamente el 16 (como en otros lugares).
Este mes lo consideramos mes patrio (no se si en otros paises) por lo que en una de mis webs estoy poniendole el toque patrio.
Quisiera saber el codigo de un script para hacer que caiga confeti o nieve pero de verde, blanco y rojo, seria de mucha ayuda gracias.
 

deluxxin

Zeta
Diseñador
Desde
24 May 2012
Mensajes
1.521
Aqui te dejo este, no es de nieve pero si de fuegos artificiales.


Insertar CODE, HTML o PHP:
</font><font color="#800000">

<body bgcolor="#000000">
</font><font color="#FFFFFF">
<script language="JavaScript1.2">

/*
Document firework script (By Kurt Gregg, kurt.grigg@virgin.net)
Modified/ perm. granted to Dynamic Drive to feature script in archive
For full source and 100's more DHTML scripts, visit http://dynamicdrive.com
*/

var ns=document.layers?1:0
var ie4=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0

amount=14;
if (ns){
for (i=0; i < amount; i++)
document.write("<LAYER NAME='nsstars"+i+"' LEFT=0 TOP=0 BGCOLOR='#FFFFF0' CLIP='0,0,1,1'></LAYER>");
}
else if (ie4||ns6){
document.write("<div id='ieCov' style='position:absolute;top:0px;left:0px'>");
document.write("<div style='position:relative'>");
for (i=0; i < amount; i++)
document.write("<div id='iestars"+i+"' style='position:absolute;top:0px;left:0px;width:1;height:1;background:#ffffff;font-size:1;z-index:10'></div>");
document.write("</div></div>");
}
Clrs=new Array('ff0000','00ff00','ffffff','ff00ff','ffa500','ffff00','00ff00','ffffff','ff00ff')
sClrs=new Array('ffa500','00ff00','FFAAFF','fff000','fffffF')
Xpos=300;
Ypos=150;
initialStarColor='00ff00';
step=5;
currStep=0;
explosionSize=120;
function Fireworks(){
var WinHeight=(ns||ns6)?window.innerHeight-100:window.document.body.clientHeight-100;
var WinWidth=(ns||ns6)?window.innerWidth-100:window.document.body.clientWidth-100;
var Yscroll=(ns||ns6)?window.pageYOffset:document.body.scrollTop;
for (i=0; i < amount; i++){
if (ie4||ns6)
var layer=ns6?document.getElementById("iestars"+i).style : eval("iestars"+i).style;
else if (ns)
var layer=document.layers["nsstars"+i]
var randCol=Math.round(Math.random()*8);
var randSz=Math.round(Math.random()*2);
layer.top = Ypos + explosionSize*Math.sin((currStep+i*5)/3)*Math.sin(currStep/100)
layer.left= Xpos + explosionSize*Math.cos((currStep+i*5)/3)*Math.sin(currStep/100)
if (currStep < 110){
 if (ns){layer.bgColor=initialStarColor;layer.clip.width=1;layer.clip.height=1}
 else{layer.background=initialStarColor;layer.width=1;layer.height=1;layer.fontSize=1}
 }
else{
 if (ns){layer.bgColor=Clrs[randCol];layer.clip.width=randSz;layer.clip.height=randSz}
 else{layer.background=Clrs[randCol];layer.width=randSz;layer.height=randSz;layer.fontSize=randSz}
 }
}
if (currStep > 220) 
{
 currStep=0;
 Ypos = 50+Math.round(Math.random()*WinHeight)+Yscroll;
 Xpos = 50+Math.round(Math.random()*WinWidth);
 for (i=0; i < sClrs.length; i++)
  {
  var newIcol=Math.round(Math.random()*i);
  }
initialStarColor=sClrs[newIcol];
explosionSize=Math.round(80*Math.random()+100);
}
currStep+=step;
setTimeout("Fireworks()",20);
}
Fireworks();
// -->
</script>
</font></b></p>
</body>

</html>
 

CarlosGarrigos

Zeta
Social Media
Verificación en dos pasos activada
Verificado por Whatsapp
Desde
8 Jul 2012
Mensajes
1.703
Muchas gracias a todos, en verdad me va servir bastante sobre todo para el 16 de septiembre hehe,
 
Arriba