[Blogspot] Lá mùa thu rơi trên background



Tình cờ lướt qua blog bác iris thì thấy có cái tut này hay và đẹp quá. Với lại cũng sắp mùa thu rồi nên vác về share cho các bạn luôn.

Cách làm: Bố cục - Thêm tiện ích - HTML/Javascript - Copy và dán code dưới vào rồi Lưu lại nhé.
Code:

<script>if(typeof jQuery=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</'+'script'+'>')}</script><script>if(!image_urls){var image_urls=Array()}if(!flash_urls){var flash_urls=Array()}image_urls['rain1']="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPc1S_qQRPQbA2iQIc1313Y_pvCStp4f5eH29ysTclqwHIvaAvBzpl9u02rSolUONA7hM9sf2c2rm23wL8QybPfLpV2qVOR53UvikoEqvyKctFmRdLPv0kUsymALlH7r8D5Ri4h21J3O7m/s1600/Leaf1.png";image_urls['rain2']="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaRn_nK5lV3YkCcVL6_mIITZ_KyqFphOx98DOKsNbo16yRqQOXlKaVwpV7Widm5cPiBtGaOgEth88BGLjaw2BYKDZMkyC4FQMIMm0hV1A7gGQasY-OSgfFQ-C6ausCW1_4ym4nQxu9qHZg/s1600/Leaf2.png";image_urls['rain3']="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm3KpZSc82VeOK4cpJcVYFmugIsG3YeYYkJeb7T2H78TEuTBf99LvbNmGvM1qH-R05Gw4lBYEZYfasl3vZM999D4nDuysD1TulPbjP0Le3QyLEMrEszoILvoUm4Xid7EwHRo4TZbJK0AD6/s1600/Leaf6.png";image_urls['rain4']="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhG6o3rGLcefQ6CTQMhlHFvRkDx_1CQkYz90yd5yNj-Y74vwM-lVcnyNoRLW9yXnsARun7e0r1zEK35MfvccTK9p6mj1pAZRUM2a92g17ZNY0XlhWTSkf_7RjMbkWHyjsAPMio2N3f-ndB/s1600/Leaf5.png";$(document).ready(function(){var c=$(window).width();var d=$(window).height();var e=function(a,b){return Math.round(a+(Math.random()*(b-a)))};var f=function(a){setTimeout(function(){a.css({left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100)}).animate({top:(d-10)+'px'},e(7500,8000),function(){$(this).fadeOut('slow',function(){f(a)})})},e(1,8000))};$('<div></div>').attr('id','rainDiv')
.css({position:'fixed',width:(c-20)+'px',height:'1px',left:'0px',top:'-5px',display:'block'}).appendTo('body');for(var i=1;i<=20;i++){var g=$('<img/>').attr('src',image_urls['rain'+e(1,4)])
.css({position:'absolute',left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100),'margin-left':0}).addClass('rainDrop').appendTo('#rainDiv');f(g);g=null};var h=0;var j=0;$(window).resize(function(){c=$(window).width();d=$(window).height()})});</script>
<script>if(typeof jQuery=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</'+'script'+'>')}</script>

Nguồn: iris-tips
Chúc các bạn thành công nhé!

TSM Blogger

Chào mừng các bạn đến với TSM. Blog chia sẻ thủ thuật blogspot, tin tức công nghệ, thể thao, kho template blogspot và nhiều thứ khác. Mong các bạn luôn ủng hộ để blog luôn vững mạnh!

Bài viết cùng chuyên mục

0 bình luận Tổng hợp bình luận

ĐĂNG KÍ NHẬN BÀI VIẾT MỚI