Tạo Hiệu Ứng Tuyết Rơi Cho Blogspot Nhân Dịp Noel

Thì cũng sắp tới giáng sinh rồi, nên chúng tôi sẽ viết bài tạo hiệu ứng tuyết rơi cho blogspot để đón một mùa giáng sinh vui vẻ. Góp phần cho blogspot đẹp và sinh động hơn. Viết xong bài này rồi nghỉ ôn thi là vừa rồi hihi. Nào cùng nhau làm thôi :))

CÁC BƯỚC THỰC HIỆN

  • HIỆU ỨNG 1: (Chỉ có tuyết rơi) Với hiệu ứng này thì cách làm khá đơn giản. Bạn chỉ cần Copy đoạn js bên dưới và dán vào dưới thẻ <head>
<script src='http://static.tumblr.com/2w7y46r/xtmlvfnoc/snowstorm.js'/>
  • HIỆU ỨNG 2: (Có tuyết rơi và chuông 2 bên Blog) Bạn Copy đoạn Code dưới đây và dán dưới thẻ <body> nhé
<script type='text/javascript'>
//<![CDATA[
document.write('<style type="text/css">body{background:#f5465a}</style><img style="position:fixed;z-index:9999;top:0;left:0" src="https://lh6.googleusercontent.com/-c8CoUvCourw/UMcWWTeBE-I/AAAAAAAABcU/q-j9X7733zw/s150/top-left.png"/><img style="position:fixed;z-index:9999;top:0;right:0" src="https://lh5.googleusercontent.com/-JABklf9ModU/UMcWWzSSJ4I/AAAAAAAABcY/g4sZMhrgjXU/s150/top-right.png"/>');var no=100;var hidesnowtime=0;var snowdistance='pageheight';var ie4up=(document.all)?1:0;var ns6up=(document.getElementById&&!document.all)?1:0;function iecompattest(){return(document.compatMode&&document.compatMode!='BackCompat')?document.documentElement:document.body}var dx,xp,yp;var am,stx,sty;var i,doc_width=800,doc_height=600;if(ns6up){doc_width=self.innerWidth;doc_height=self.innerHeight}else if(ie4up){doc_width=iecompattest().clientWidth;doc_height=iecompattest().clientHeight}dx=new Array();xp=new Array();yp=new Array();am=new Array();stx=new Array();sty=new Array();for(i=0;i<no;++i){dx[i]=0;xp[i]=Math.random()*(doc_width-50);yp[i]=Math.random()*doc_height;am[i]=Math.random()*20;stx[i]=0.02+Math.random()/10; sty[i]=0.7+Math.random();if(ie4up||ns6up){document.write('<div id="dot'+i+'" style="POSITION:absolute;Z-INDEX:'+i+';VISIBILITY:visible;TOP:15px;LEFT:15px;"><span style="font-size:18px;color:#fff">*</span></div>')}}function snowIE_NS6(){doc_width=ns6up?window.innerWidth-10:iecompattest().clientWidth-10;doc_height=(window.innerHeight&&snowdistance=='windowheight')?window.innerHeight:(ie4up&&snowdistance=='windowheight')?iecompattest().clientHeight:(ie4up&&!window.opera&&snowdistance=='pageheight')?iecompattest().scrollHeight:iecompattest().offsetHeight;for(i=0;i<no;++i){yp[i]+=sty[i];if(yp[i]>doc_height-50){xp[i]=Math.random()*(doc_width-am[i]-30);yp[i]=0;stx[i]=0.02+Math.random()/10;sty[i]=0.7+Math.random()}dx[i]+=stx[i];document.getElementById('dot'+i).style.top=yp[i]+'px';document.getElementById('dot'+i).style.left=xp[i]+am[i]*Math.sin(dx[i])+'px'}snowtimer=setTimeout('snowIE_NS6()',10)}function hidesnow(){if(window.snowtimer){clearTimeout(snowtimer)}for(i=0;i<no;i++)document.getElementById('dot'+i).style.visibility='hidden'}if(ie4up||ns6up){snowIE_NS6();if(hidesnowtime>0)setTimeout('hidesnow()',hidesnowtime*1000)}
//]]>
</script>

LỜI KẾT

Trên đây là 2 Hiệu ứng tuyết rơi dùng để trang trí cho blog mà chúng tôi tổng hợp được. Chúc các bạn thực hiện thành công và có một mùa giáng sinh an lành và hạnh phúc. À mà đừng quên là phải cố gắng thi cử cho tốt nhé. Fighting !
Tác giả bài viết: Nguyễn Tấn Bình
Thời gian đăng bài: Chủ Nhật, 3 tháng 12, 2017
Tổng số bình luận: 16

16 nhận xét:

  1. HuyRocket đến để tương tác.

    Trả lờiXóa
  2. Thay url liên kết giúp Bảo lại là
    http://baoshady.com
    Bảo cảm ơn nè <3 :)

    Trả lờiXóa
  3. :( ngày nào cũng ghé thăm Tính Gét Tơ hết nè

    Trả lờiXóa
  4. Bảo đẹp trai đến tương tác nè

    Trả lờiXóa
    Trả lời
    1. Đã nói rồi, phải gọi là Bảo bấy bỳ chứ :v

      Xóa
  5. Mình mới làm thử bìa các bạn qua xem vs góp ý cho mình biết đi ><

    Trả lờiXóa