Blogger: Hướng dẫn làm hiệu ứng tuyết rơi

 Giáng sinh sắp tới rồi, không khí lạnh đã bắt đầu lan rộng. Các Blogger đã chuẩn bị trang trí cho Blog của mình chưa? Hôm nay tôi sẽ hướng dẫn các bạn cách thêm hiệu ứng tuyết cho Blogspot.


Chỉ còn vài ngày nữa giáng sinh

CÁCH CHÈN

Bước 1: Vào Mẫu -> Chỉnh sửa Template
Bước 2: Thêm đoạn Code dưới đây vào sau thẻ </head>

<script type='text/javascript'>//<![CDATA[
(function($){$.fn.snow=function(options){var  $flake=$('<div id="flake"  />').css({'position':'absolute','top':'-50px'}).html('&#10052;'),documentHeight=$(document).height(),documentWidth=$(document).width(),defaults={minSize:10,maxSize:20,newOn:500,flakeColor:"#FFFFFF"},options=$.extend({},defaults,options);var  interval=setInterval(function(){var  startPositionLeft=Math.random()*documentWidth-100,startOpacity=0.5+Math.random(),sizeFlake=options.minSize+Math.random()*options.maxSize,endPositionTop=documentHeight-40,endPositionLeft=startPositionLeft-100+Math.random()*200,durationFall=documentHeight*10+Math.random()*5000;$flake.clone().appendTo('body').css({left:startPositionLeft,opacity:startOpacity,'font-size':sizeFlake,color:options.flakeColor}).animate({top:endPositionTop,left:endPositionLeft,opacity:0.2},durationFall,'linear',function(){$(this).remove()});},options.newOn);};})(jQuery);//]]></script><script>$(document).ready(  function(){
$.fn.snow({ minSize: 10, maxSize: 50, newOn: 400, flakeColor: '#ffffff' });
});</script>

Demo: Tại đây!

Share this

Related Posts

Previous
Next Post »