Serás redireccionado en

segundos

 

Si quieres hacer que de tu página salgan fuegos artificiales utiliza este código:

 

EL CÓDIGO ESTA EN UN COMENTARIO DE ABAJO, disculpa las molestias

Escribir comentario

Comentarios: 45
  • #1

    truco95 (viernes, 04 febrero 2011 08:01)

    CODIGO:


    <script type="text/javascript">
    //<![CDATA[
    var bits=100; // cuantos bits
    var intensity=7; // que tan "poderosa" es la explosión. (recomendado entre 3 y 10)
    var speed=20; // rapidez (a menor numero, mas rapido)
    var colours=new Array("#03f", "#f03", "#0e0", "#93f", "#0cc", "#f93");
    //azul rojo verde purpura cyan, naranjo

    var dx, xpos, ypos, bangheight;
    var Xpos=new Array();
    var Ypos=new Array();
    var dX=new Array();
    var dY=new Array();
    var decay=new Array();
    var colour=0;
    var swide=800;
    var shigh=600;
    function write_fire() {
    var b, s;
    b=document.createElement("div");
    s=b.style;
    s.position="absolute";
    b.setAttribute("id", "bod");
    document.body.appendChild(b);
    set_scroll();
    set_width();
    b.appendChild(div("lg", 3, 4));
    b.appendChild(div("tg", 2, 3));
    for (var i=0; i<bits; i++) b.appendChild(div("bg"+i, 1, 1));
    }
    function div(id, w, h) {
    var d=document.createElement("div");
    d.style.position="absolute";
    d.style.overflow="hidden";
    d.style.width=w+"px";
    d.style.height=h+"px";
    d.setAttribute("id", id);
    return (d);
    }
    function bang() {
    var i, X, Y, Z, A=0;
    for (i=0; i<bits; i++) {
    X=Math.round(Xpos[i]);
    Y=Math.round(Ypos[i]);
    Z=document.getElementById("bg"+i).style;
    if((X>=0)&&(X<swide)&&(Y>=0)&&(Y<shigh)) {
    Z.left=X+"px";
    Z.top=Y+"px";
    }
    if ((decay[i]-=1)>14) {
    Z.width="3px";
    Z.height="3px";
    }
    else if (decay[i]>7) {
    Z.width="2px";
    Z.height="2px";
    }
    else if (decay[i]>3) {
    Z.width="1px";
    Z.height="1px";
    }
    else if (++A) Z.visibility="hidden";
    Xpos[i]+=dX[i];
    Ypos[i]+=(dY[i]+=1.25/intensity);
    }
    if (A!=bits) setTimeout("bang()", speed);
    }

    function stepthrough() {
    var i, Z;
    var oldx=xpos;
    var oldy=ypos;
    xpos+=dx;
    ypos-=4;
    if (ypos<bangheight||xpos<0||xpos>=swide||ypos>=shigh) {
    for (i=0; i<bits; i++) {
    Xpos[i]=xpos;
    Ypos[i]=ypos;
    dY[i]=(Math.random()-0.5)*intensity;
    dX[i]=(Math.random()-0.5)*(intensity-Math.abs(dY[i]))*1.25;
    decay[i]=Math.floor((Math.random()*16)+16);
    Z=document.getElementById("bg"+i).style;
    Z.backgroundColor=colours[colour];
    Z.visibility="visible";
    }
    bang();
    launch();
    }
    document.getElementById("lg").style.left=xpos+"px";
    document.getElementById("lg").style.top=ypos+"px";
    document.getElementById("tg").style.left=oldx+"px";
    document.getElementById("tg").style.top=oldy+"px";
    }
    function launch() {
    colour=Math.floor(Math.random()*colours.length);
    xpos=Math.round((0.5+Math.random())*swide*0.5);
    ypos=shigh-5;
    dx=(Math.random()-0.5)*4;
    bangheight=Math.round((0.5+Math.random())*shigh*0.4);
    document.getElementById("lg").style.backgroundColor=colours[colour];
    document.getElementById("tg").style.backgroundColor=colours[colour];
    }
    window.onscroll=set_scroll;
    function set_scroll() {
    var sleft, sdown;
    if (typeof(self.pageYOffset)=="number") {
    sdown=self.pageYOffset;
    sleft=self.pageXOffset;
    }
    else if (document.body.scrollTop || document.body.scrollLeft) {
    sdown=document.body.scrollTop;
    sleft=document.body.scrollLeft;
    }
    else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
    sleft=document.documentElement.scrollLeft;
    sdown=document.documentElement.scrollTop;
    }
    else {
    sdown=0;
    sleft=0;
    }
    var s=document.getElementById("bod").style;
    s.top=sdown+"px";
    s.left=sleft+"px";
    }
    window.onresize=set_width;
    function set_width() {
    if (typeof(self.innerWidth)=="number") {
    swide=self.innerWidth;
    shigh=self.innerHeight;
    }
    else if (document.documentElement && document.documentElement.clientWidth) {
    swide=document.documentElement.clientWidth;
    shigh=document.documentElement.clientHeight;
    }
    else if (document.body.clientWidth) {
    swide=document.body.clientWidth;
    shigh=document.body.clientHeight;
    }
    }
    window.onload=function() { if (document.getElementById) {
    set_width();
    write_fire();
    launch();
    setInterval('stepthrough()', speed);
    }}
    //]]>
    </script>

  • #2

    miauw (domingo, 06 febrero 2011 18:23)

    wa que largo

  • #3

    miauw (domingo, 06 febrero 2011 18:46)

    es genial

  • #4

    panda (domingo, 06 febrero 2011 21:09)

    como hago para quitar esta funcion gracias

  • #5

    truco95 (lunes, 07 febrero 2011 02:34)

    miauw: si genial y largo jaja
    panda: recuerda donde lo pusiste y borralo

  • #6

    losmatachita (martes, 08 febrero 2011 09:12)

    Hola como hago para que me aparesca en toda la pagina??? como aca

  • #7

    Gustavo Adolfo Sanchez Reyes (martes, 08 febrero 2011 10:23)

    esta excelente pro estoy igual que losmatachita ni idea para que quede en toda la pagina

  • #8

    truco95 (martes, 08 febrero 2011 14:26)

    Losmatachita y gustavo : pegalo en la barra lateral de tu pagina

  • #9

    tutos-xxxmaxitoxhackerxxx (martes, 08 febrero 2011 19:48)

    wow men grax tengo mi web exelente grax ati olle como coloco comentarios en mi web

  • #10

    Hoguera Escritor Dámaso Alonso (miércoles, 09 febrero 2011 09:44)

    muy bueno. muchas gracias

  • #11

    truco95 (miércoles, 09 febrero 2011 18:42)

    tutos: insertar nuevo elemento o el signo de mas luego seleccionas libro de visitas y luego marcas la casilla de comentarios :)

  • #12

    webfabricio (domingo, 13 febrero 2011 08:56)

    en donde pongo para que esos fuegos artificiales se pongan en mi web.??? ah y que genial

  • #13

    truco95 (domingo, 13 febrero 2011 21:59)

    webfabricio: Mira en la barra lateral derecha de esta página hay un botón que dice Jimdo ahí está el tutorial

  • #14

    nedg (domingo, 20 febrero 2011 00:55)

    no.me.qeda.en.toda.la.pag.!

  • #15

    truco95 (domingo, 20 febrero 2011)

    nedq: ya le diste vista previa??

  • #16

    quien-eres (martes, 22 febrero 2011 13:34)

    le di vista previa y no me aparece

  • #17

    pruebacocha (viernes, 25 febrero 2011 08:35)

    muy bueno, muchisimas gracias!!!
    :)

  • #18

    "Carlos Peláez González" (viernes, 25 febrero 2011 09:29)

    Esta bien

  • #19

    truco95 (viernes, 25 febrero 2011 18:34)

    quien-eres:
    pruebacocha: gracias a ti por la visita :D
    carlos: esta bien?? esta genial ;)

  • #20

    truco95 (viernes, 25 febrero 2011 19:48)

    quien eres: yo lo veo funcionando en tu web pero por el tipo de plantilla no se ve en toda la pagina solo en las areas de afuera prueba poniendolo en el head para ver como queda

  • #21

    noticiashuesca (domingo, 06 marzo 2011 11:34)

    ¿dónde hay que colocar el codigo?

  • #22

    truco95 (domingo, 06 marzo 2011 16:59)

    noticiashuesca: lo pegas como un elemento widget/html en tu web

  • #23

    Luis Ginebra y Paula (viernes, 11 marzo 2011 03:16)

    donde se pone el codigo?¿

  • #24

    truco95 (sábado, 12 marzo 2011 13:49)

    luis: lo pones como un elemento widget/html busca en nuestra barra lateral derecha el botón que dice Jimdo ahí está el tutorial

  • #25

    khfantasy (jueves, 24 marzo 2011 17:11)

    amigo q hago en mi pagina no me sale eso como es pleesss

  • #26

    truco95 (viernes, 25 marzo 2011 15:16)

    asegurate de pegarlo como un elemento widget html y de copiarlo tal como está

  • #27

    khfantasy (sábado, 26 marzo 2011 15:14)

    lo ise pero no me sale

  • #28

    trayendolapresencia (martes, 29 marzo 2011 14:28)

    quiero quitar este efecto porque la pagina como que seme frisa pero no recuerdo donde lo puse ¿como hago para quitarlo entonces?

  • #29

    fati (lunes, 11 abril 2011 15:23)

    Muy bno :) Aver cuando sacas un efecto cm stos pero para pascuas

  • #30

    bboyscuenca (jueves, 21 abril 2011 14:14)

    gracias por ayudarnos a mejorar nuestra WEB

  • #31

    truco95 (jueves, 21 abril 2011 15:15)

    khfantasy: puede que sea por los colores de tu web o por la plantilla que utilizas

    trayendolapresencia: segín pude ver solo salen el tu pagina principal esto quiere decir que está allí entonces buscalo y borralo como cualquier otra cosa

    fati: gracias por la sugerencia, la tendremos en cuenta

    bboyscuenca: gracias por visitar la web y comentarnos :D

  • #32

    Erick Rodríguez E96 (jueves, 14 julio 2011 23:57)

    Gracias, muy útil

  • #33

    truco95 (sábado, 23 julio 2011 16:11)

    erick: gracias a ti por visitarnos :)

  • #34

    Cuarta Pared (lunes, 15 agosto 2011 18:09)

    excelente... felicidades y gracias

  • #35

    truco95 (miércoles, 17 agosto 2011 19:24)

    cuarta pared: si si es mui bueno gracias por visitarnos :) :)

  • #36

    Stylux Trajes Guzman (sábado, 20 agosto 2011 15:37)

    wow es bastante largo

  • #37

    sabanalarga central (martes, 06 septiembre 2011 18:22)

    esta buena y sirve para darle lujos

  • #38

    truco95 (jueves, 08 septiembre 2011 16:21)

    stylux: sii es bastante largo pero bueno :)

    sabanalarga: siii queda muy bien con tu página

  • #39

    lachilenaza (lunes, 12 septiembre 2011 11:31)

    no me anda...

  • #40

    formatusb (jueves, 29 septiembre 2011 22:58)

    gracias este codigo me servira de mucho

  • #41

    variedades-laura (jueves, 10 noviembre 2011 12:59)

    HOLA, OYE QUIERO ESE EFECTO DE LOS JUEGOS ARTIFICIALES QUE TIENES AQUÍ, EL CÓDIGO ES ESE LARGO QUE PRIMERO APARECE VERDAD? PERO EN QUÉ PARTE DE MI PÁGINA LO TENGO QUE PEGAR, ESPERO TU RESPUESTA ML GRACIAS.

  • #42

    truco95 (viernes, 11 noviembre 2011 10:24)

    lachilenaza: te recomiendo que vuelvas a intentar ya que al revisar el código funciona perfectamente :D

    formatusb: que bueno que te funcione, me alegra :)

    variedades: sii es el largo que aprece de primero y lo tienes que pegar en cualquier parte de tu página como un elemento widget/html

  • #43

    elpalentino (sábado, 03 diciembre 2011 09:53)

    aunque lo ponga en la barra de fuera no me sale entero

  • #44

    lachilenaza (lunes, 05 diciembre 2011 08:10)

    gracias ya lo arreglé

  • #45

    truco95 (martes, 06 diciembre 2011 17:45)

    elpalentino: a que barra te refieres¿?

    lachilenaza: que bueno escuchar eso, cualquier cosa estamos en contacto :D