Thứ Năm, 18 tháng 12, 2014

Thêm hiệu ứng tuyết rơi cho blog

Share it Please
Không khí noel đang tràn ngập khắp đường phố, mọi nhà đều đang trang trí cho nhà cửa, đường phố đẹp lung linh với đủ loại màu sắc.Còn ngôi nhà Blog của bạn đã trang hoàng gì chưa...?



Thủ thuật nhỏ sau đây sẽ giúp bạn trang trí ngôi nhà ảo của bạn thật đẹp với hiệu ứng tuyết rơi và cây thông Noel.Chúc các bạn một mùa giáng sinh an lành  và hạnh phúc.

Đặt đoạn code dưới đây vào trước thẻ đóng </body>.
<style type='text/css'>html{height:auto!important}</style><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiywEDDQNDKQGB-fxmHhlUKZXU4hsFVCVyBkKl1iV9Zd6yhhNK0C_9dxqV_ZU3aB9dXrl9uoCoBRyFLGxzdQ0XnJ6owmtjFGfm1gn9H-4EtNiiXY2yM-AeITR0Bhsqj14fTXisfgnSqXXM/s150/top-left.png' style='position:fixed;z-index:9999;top:0;left:0'/><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4SFvPDLKsS98U7KwqUxy74xyG9vbJFTKhUS0XRpVwbb873Ezn-uo_Q7-YORWj4oPIFWKeBYkmC6NHYBsZN4eh9M4fdB4uRWlnbxyYWQwrJ8YqWtDRUqL05GrdP2bHEhb41AwpVtobhpw/s150/top-right.png' style='position:fixed;z-index:9999;top:0;right:0'/>

<script type='text/javascript'>
//<![CDATA[
var SNOW_Picture="http://3.bp.blogspot.com/-YFWWvMkicLI/UrRmxFseoLI/AAAAAAAABEI/lxsGIUsIFxk/s1600/snow.png";var SNOW_no=56;var SNOW_browser_IE_NS=(document.body.clientHeight)?1:0;var SNOW_browser_MOZ=(self.innerWidth)?1:0;var SNOW_browser_IE7=(document.documentElement.clientHeight)?1:0;var SNOW_Time;var SNOW_dx,SNOW_xp,SNOW_yp;var SNOW_am,SNOW_stx,SNOW_sty;var i,SNOW_Browser_Width,SNOW_Browser_Height;if(SNOW_browser_IE_NS){SNOW_Browser_Width=document.body.clientWidth;SNOW_Browser_Height=document.body.clientHeight;}else{if(SNOW_browser_MOZ){SNOW_Browser_Width=self.innerWidth-20;SNOW_Browser_Height=self.innerHeight;}else{if(SNOW_browser_IE7){SNOW_Browser_Width=document.documentElement.clientWidth;SNOW_Browser_Height=document.documentElement.clientHeight;}}}SNOW_dx=new Array();SNOW_xp=new Array();SNOW_yp=new Array();SNOW_am=new Array();SNOW_stx=new Array();SNOW_sty=new Array();for(i=0;i<SNOW_no;++i){SNOW_dx[i]=0;SNOW_xp[i]=Math.random()*(SNOW_Browser_Width-50);SNOW_yp[i]=Math.random()*SNOW_Browser_Height;SNOW_am[i]=Math.random()*20;SNOW_stx[i]=0.02+Math.random()/10;SNOW_sty[i]=0.7+Math.random();if(i==0){document.write('<\div id="SNOW_flake'+i+'" style="position: fixed; z-index: '+i+'; visibility: visible; top: 15px; left: 15px;"><img src="'+SNOW_Picture+'" border="0"></div>');}else{document.write('<\div id="SNOW_flake'+i+'" style="position: fixed; z-index: '+i+'; visibility: visible; top: 15px; left: 15px;"><img src="'+SNOW_Picture+'" border="0"></div>');}}function SNOW_Weather(){for(i=0;i<SNOW_no;++i){SNOW_yp[i]+=SNOW_sty[i];if(SNOW_yp[i]>SNOW_Browser_Height-50){SNOW_xp[i]=Math.random()*(SNOW_Browser_Width-SNOW_am[i]-30);SNOW_yp[i]=0;SNOW_stx[i]=0.02+Math.random()/10;SNOW_sty[i]=0.7+Math.random();}SNOW_dx[i]+=SNOW_stx[i];document.getElementById("SNOW_flake"+i).style.top=SNOW_yp[i]+"px";document.getElementById("SNOW_flake"+i).style.left=SNOW_xp[i]+SNOW_am[i]*Math.sin(SNOW_dx[i])+"px";}SNOW_Time=setTimeout("SNOW_Weather()",20);}SNOW_Weather();
//]]>
</script>
Các bạn có thể thay đổi đoạn code màu đỏ thành hình mà các bạn muốn hiển thị thay cho bông tuyết màu xanh mà mình đặt trong bài viết này.

Thay đổi chữ số trong đoạn code màu xanh để tăng giảm số lượng bông tuyết rơi.

Chúc các bạn thành công.

Hang Pham

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

0 nhận xét:

Đăng nhận xét