Code tạo pháo hoa cho năm mới 2015 - Xenforo, Blog, web ,

Thảo luận trong 'Style & Template Questions' bắt đầu bởi ttuyendlak, 8/12/14.

1votes
5/5, 1 vote

  1. ttuyendlak

    ttuyendlak New Member

    Bài viết:
    11
    Likes :
    2
    [​IMG]


    Năm mới 2015 sắp tới . Pháo hoa chuẩn bị được bắn ở khắp nơi ! (Chém gió - Chỗ mình không có pháo hoa :v). Và với anh em Blogger cũng muốn Blog của mình có hiệu ứng pháo hoa để trang trí và làm đẹp cho Blog vào dịp tết năm mới 2015.
    Mới ghé thăm một số Blog đã có hiệu ứng pháo hoa thì mình xin chia sẻ lại cách tạo pháo hoa cho năm mới 2015 Như sau.
    Sau đây là cách thêm Code tạo pháo hoa cho năm mới 2015
    1- Đăng nhập blog
    2- Vào thiết kế
    3- Vào bố cục
    4- Chọn thêm 1 tiện ích HTML/Javascrip và dán code tương ứng với mẫu bạn chọn rồi save lại
    Mã:
    <!--  Code Phao Hoa-->
    <script type="text/javascript">
    // <![CDATA[
    var bits=80; // how many bits
    var speed=33; // how fast - smaller is faster
    var bangs=5; // how many can be launched simultaneously (note that using too many can slow the script down)
    var colours=new Array("#03f", "#f03", "#0e0", "#93f", "#0cf", "#f93", "#f0c");
    //                     blue    red     green   purple  cyan    orange  pink
    /****************************
    *      Fireworks Effect     *
    *(c)2004-11 mf2fm web-design*
    *  http://www.mf2fm.com/rv  *
    * DON'T EDIT BELOW THIS BOX *
    ****************************/
    var bangheight=new Array();
    var intensity=new Array();
    var colour=new Array();
    var Xpos=new Array();
    var Ypos=new Array();
    var dX=new Array();
    var dY=new Array();
    var stars=new Array();
    var decay=new Array();
    var swide=800;
    var shigh=600;
    var boddie;
    window.onload=function() { if (document.getElementById) {
      var i;
      boddie=document.createElement("div");
      boddie.style.position="fixed";
      boddie.style.top="0px";
      boddie.style.left="0px";
      boddie.style.overflow="visible";
      boddie.style.width="1px";
      boddie.style.height="1px";
      boddie.style.backgroundColor="transparent";
      document.body.appendChild(boddie);
      set_width();
      for (i=0; i<bangs; i++) {
        write_fire(i);
        launch(i);
        setInterval('stepthrough('+i+')', speed);
      }
    }}
    function write_fire(N) {
      var i, rlef, rdow;
      stars[N+'r']=createDiv('|', 12);
      boddie.appendChild(stars[N+'r']);
      for (i=bits*N; i<bits+bits*N; i++) {
        stars=createDiv('*', 13);
        boddie.appendChild(stars);
      }
    }
    function createDiv(char, size) {
      var div=document.createElement("div");
      div.style.font=size+"px monospace";
      div.style.position="absolute";
      div.style.backgroundColor="transparent";
      div.appendChild(document.createTextNode(char));
      return (div);
    }
    function launch(N) {
      colour[N]=Math.floor(Math.random()*colours.length);
      Xpos[N+"r"]=swide*0.5;
      Ypos[N+"r"]=shigh-5;
      bangheight[N]=Math.round((0.5+Math.random())*shigh*0.4);
      dX[N+"r"]=(Math.random()-0.5)*swide/bangheight[N];
      if (dX[N+"r"]>1.25) stars[N+"r"].firstChild.nodeValue="/";
      else if (dX[N+"r"]<-1.25) stars[N+"r"].firstChild.nodeValue="\\";
      else stars[N+"r"].firstChild.nodeValue="|";
      stars[N+"r"].style.color=colours[colour[N]];
    }
    function bang(N) {
      var i, Z, A=0;
      for (i=bits*N; i<bits+bits*N; i++) {
        Z=stars.style;
        Z.left=Xpos+"px";
        Z.top=Ypos+"px";
        if (decay) decay--;
        else A++;
        if (decay==15) Z.fontSize="7px";
        else if (decay==7) Z.fontSize="2px";
        else if (decay==1) Z.visibility="hidden";
        Xpos+=dX;
        Ypos+=(dY+=1.25/intensity[N]);
      }
      if (A!=bits) setTimeout("bang("+N+")", speed);
    }
    function stepthrough(N) {
      var i, M, Z;
      var oldx=Xpos[N+"r"];
      var oldy=Ypos[N+"r"];
      Xpos[N+"r"]+=dX[N+"r"];
      Ypos[N+"r"]-=4;
      if (Ypos[N+"r"]<bangheight[N]) {
        M=Math.floor(Math.random()*3*colours.length);
        intensity[N]=5+Math.random()*4;
        for (i=N*bits; i<bits+bits*N; i++) {
          Xpos=Xpos[N+"r"];
          Ypos=Ypos[N+"r"];
          dY=(Math.random()-0.5)*intensity[N];
          dX=(Math.random()-0.5)*(intensity[N]-Math.abs(dY))*1.25;
          decay[i]=16+Math.floor(Math.random()*16);
          Z=stars[i];
          if (M<colours.length) Z.style.color=colours[i%2?colour[N]:M];
          else if (M<2*colours.length) Z.style.color=colours[colour[N]];
          else Z.style.color=colours[i%colours.length];
          Z.style.fontSize="13px";
          Z.style.visibility="visible";
        }
        bang(N);
        launch(N);
      }
      stars[N+"r"].style.left=oldx+"px";
      stars[N+"r"].style.top=oldy+"px";
    }
    window.onresize=set_width;
    function set_width() {
      var sw_min=999999;
      var sh_min=999999;
      if (document.documentElement && document.documentElement.clientWidth) {
        if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;
        if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;
      }
      if (typeof(self.innerWidth)!="undefined" && self.innerWidth) {
        if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;
        if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;
      }
      if (document.body.clientWidth) {
        if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;
        if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;
      }
      if (sw_min==999999 || sh_min==999999) {
        sw_min=800;
        sh_min=600;
      }
      swide=sw_min;
      shigh=sh_min;
    }
    // ]]>
    </script>
    
    <!--  Code Phao Hoa--> [/i][/i]
     
    ledidan2000 thích bài này.
    Đang tải...
  2. trucnguyenbg

    trucnguyenbg Member

    Bài viết:
    82
    Likes :
    20
    k hiwu
     
comments powered by Disqus

Chia sẻ trang này

Đang tải...