Script "Cơn mưa tình yêu" nhân ngày lễ Tình nhân Valentine

Add Falling Hearts Blogger Widget for Valentines Day

Thế là chỉ còn khoảng vài tháng là đến ngày lễ Tình nhân rồi nhỉ :)) Hãy cùng Iris Tips "chuẩn bị trước" cho dịp lễ này nhé

Đoạn script dưới đây sẽ tạo nên những "Cơn mưa tình yêu" hình trái tim rất ngọt ngào dành cho Website của bạn. Hãy dành cho "Người ấy" một sự bất ngờ nhé.

1 Vào Mẫu >> Chỉnh sửa HTML và dán 1 trong 3 đoạn script bên dưới vào trước thẻ </body> nhé.

Style 1

• DEMO

<script type='text/javascript'>
//<![CDATA[
function iecompattest(){return document.compatMode&&document.compatMode!="BackCompat"?document.documentElement:document.body}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]=.02+Math.random()/10;sty[i]=.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"}var snowsrc="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHybJ9vz8lbm74jviRICC3PF9EWkVTCaZbYW8KCvUH0ZejqwtGVCTni7XT8fPabmwdACHfs25yjkop4f_KCcxDAgy7OYRppFvgXDWc8q0XNGV_mXwb9EEnc-JJD9FNn-llicDq1RiDdPsB/s1600/heart-iris-1.gif";var no=15;var hidesnowtime=0;var snowdistance="pageheight";var ie4up=document.all?1:0;var ns6up=document.getElementById&&!document.all?1:0;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;snowsrc=snowsrc.indexOf("iris-tips.blogspot.com")!=-1?"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHybJ9vz8lbm74jviRICC3PF9EWkVTCaZbYW8KCvUH0ZejqwtGVCTni7XT8fPabmwdACHfs25yjkop4f_KCcxDAgy7OYRppFvgXDWc8q0XNGV_mXwb9EEnc-JJD9FNn-llicDq1RiDdPsB/s1600/heart-iris-1.gif":snowsrc;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]=.02+Math.random()/10;sty[i]=.7+Math.random();if(ie4up||ns6up){if(i==0){document.write('<div id="dot'+i+'" style="POSITION: absolute;Z-INDEX: '+i+';VISIBILITY: visible;TOP: 15px;LEFT: 15px;"><a href="http://iris-tips.blogspot.com"><img src=\''+snowsrc+'\' border="0"></a></div>')}else{document.write('<div id="dot'+i+'" style="POSITION: absolute;Z-INDEX: '+i+";VISIBILITY: visible;TOP: 15px;LEFT: 15px;\"><img src='"+snowsrc+'\' border="0"></div>')}}}if(ie4up||ns6up){snowIE_NS6();if(hidesnowtime>0)setTimeout("hidesnow()",hidesnowtime*1e3)}
//]]>
</script>

Style 2

• DEMO

<script type='text/javascript'>
//<![CDATA[
function iecompattest(){return document.compatMode&&document.compatMode!="BackCompat"?document.documentElement:document.body}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]=.02+Math.random()/10;sty[i]=.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"}var snowsrc="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMtFyaRT1sTwcoz2Qw3ofcouvGPAl2ErOoN9DJ4I2WDwTMVr5ptX3WDrIAn_zHOYfTMNS3EeP2ZIlMcevRvQjYmAMSIc-Ayj-llMGihAQD2tFwXzKRtQ8or10PXloNxJAaf-pK40z4l-7d/s1600/heart-iris-2.gif";var no=15;var hidesnowtime=0;var snowdistance="pageheight";var ie4up=document.all?1:0;var ns6up=document.getElementById&&!document.all?1:0;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;snowsrc=snowsrc.indexOf("iris-tips.blogspot.com")!=-1?"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMtFyaRT1sTwcoz2Qw3ofcouvGPAl2ErOoN9DJ4I2WDwTMVr5ptX3WDrIAn_zHOYfTMNS3EeP2ZIlMcevRvQjYmAMSIc-Ayj-llMGihAQD2tFwXzKRtQ8or10PXloNxJAaf-pK40z4l-7d/s1600/heart-iris-2.gif":snowsrc;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]=.02+Math.random()/10;sty[i]=.7+Math.random();if(ie4up||ns6up){if(i==0){document.write('<div id="dot'+i+'" style="POSITION: absolute;Z-INDEX: '+i+';VISIBILITY: visible;TOP: 15px;LEFT: 15px;"><a href="http://iris-tips.blogspot.com"><img src=\''+snowsrc+'\' border="0"></a></div>')}else{document.write('<div id="dot'+i+'" style="POSITION: absolute;Z-INDEX: '+i+";VISIBILITY: visible;TOP: 15px;LEFT: 15px;\"><img src='"+snowsrc+'\' border="0"></div>')}}}if(ie4up||ns6up){snowIE_NS6();if(hidesnowtime>0)setTimeout("hidesnow()",hidesnowtime*1e3)}
//]]>
</script>

Style 3

• DEMO

<script type='text/javascript'>
//<![CDATA[
function iecompattest(){return document.compatMode&&document.compatMode!="BackCompat"?document.documentElement:document.body}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]=.02+Math.random()/10;sty[i]=.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"}var snowsrc="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdN6zBSlKxeM2NXzIlfSdiUCsDqA7z4P38DtdnK7MbZuAg-eCP5BDQPOMs2NJvHl5tWEw-OnwKCDv-CrAXQ3QCc7hlOPCikllP435squ-MtY0oJe4eLuBSoQyrBQq474d5Rb8WXrTYhnhY/s1600/heart-iris-3.gif";var no=15;var hidesnowtime=0;var snowdistance="pageheight";var ie4up=document.all?1:0;var ns6up=document.getElementById&&!document.all?1:0;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;snowsrc=snowsrc.indexOf("iris-tips.blogspot.com")!=-1?"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdN6zBSlKxeM2NXzIlfSdiUCsDqA7z4P38DtdnK7MbZuAg-eCP5BDQPOMs2NJvHl5tWEw-OnwKCDv-CrAXQ3QCc7hlOPCikllP435squ-MtY0oJe4eLuBSoQyrBQq474d5Rb8WXrTYhnhY/s1600/heart-iris-3.gif":snowsrc;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]=.02+Math.random()/10;sty[i]=.7+Math.random();if(ie4up||ns6up){if(i==0){document.write('<div id="dot'+i+'" style="POSITION: absolute;Z-INDEX: '+i+';VISIBILITY: visible;TOP: 15px;LEFT: 15px;"><a href="http://iris-tips.blogspot.com"><img src=\''+snowsrc+'\' border="0"></a></div>')}else{document.write('<div id="dot'+i+'" style="POSITION: absolute;Z-INDEX: '+i+";VISIBILITY: visible;TOP: 15px;LEFT: 15px;\"><img src='"+snowsrc+'\' border="0"></div>')}}}if(ie4up||ns6up){snowIE_NS6();if(hidesnowtime>0)setTimeout("hidesnow()",hidesnowtime*1e3)}
//]]>
</script>

Nếu có bất kỳ vấn đề khó khăn hay câu hỏi gì, bạn đừng ngần ngại, hãy để lại bình luận ở form bên dưới nhé.
Chúc bạn thành công!

Created by Iris Tips

• Twitter
• Facebook
• Google+
• LinkedIn
• Pinterest

Iris Tips

Có thể bạn quan tâm