Trang trí Valentine's Day cho Blogger

Trang trí Valentine's Day cho Blogger

Đón lễ tình nhân ( Valentine's Day ) 14-2 Tình yêu luôn xuất hiện ở khắp mọi nơi. Chỉ một cuộc gặp gỡ tình cờ cũng tạo nên được một câu ...
2 Comment 2/11/2013
Trang trí Valentine's Day for BloggerĐón lễ tình nhân ( Valentine's Day ) 14-2 Tình yêu luôn xuất hiện ở khắp mọi nơi. Chỉ một cuộc gặp gỡ tình cờ cũng tạo nên được một câu chuyện tình bất hủ, chỉ một ánh nhìn trìu mến cũng đủ để làm nên một tình yêu đẹp, chỉ một câu nói vỏn vẹn ba từ cũng có thể thổi bùng lên niềm hạnh phúc và đong đầy yêu thương. Đã từ lâu lắm rồi, ngày 14/2 hàng năm trở thành ngày lễ dành riêng cho tình yêu, là ngày mà các cặp tình nhân trên khắp thế giới bày tỏ tình cảm của mình qua những tấm thiệp, những viên chocolate ngọt ngào hay những bông hồng đỏ rực rỡ.
Hôm này mình chia sẻ code Trang trí Ngày Lễ Tình Nhân - Valentine's Day cho blogger với Javascript.

DEMO


Chèn code này trước thẻ đóng </head>
<style type='text/css'>
body {background: #ff449d url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfe1rSpNv5GhVwN8_8GeLVd2MmDV9HD3pUC7bQNYAlVdC9NFz9l6tnp6DlPEWYkuq4Oc2nyl9kO5-m0IwEkM29Yv3YVVf8Kyjp94DUH-mz__-lcnTOYA1WKm4l51tap8PE8LgYbXMKD3Ai/s0/738322z0khilo37b.gif) repeat scroll top left;
}
</style>
<script type='text/javascript'>//<![CDATA[
var fallObjects=new Array();function newObject(url,height,width){fallObjects[fallObjects.length]=new Array(url,height,width);}

///////////// Thông số //////////////
var numObjs=20, waft=50, fallSpeed=10, wind=0;
newObject("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg5sTEsgR7vQbpAXGRmgf2IqJl1wEX19WPAvkYbrPzUlW9CvZ__3KGzm8weXse1TgATTfu43QER_hVZoFH223wUcoiZczLfZLOpQ7obYRqHpGiQO9ptsC-L1V8GXrjvyn7IlF_l0UMxsF9/s1600/heart9.gif",16,15);
newObject("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg5sTEsgR7vQbpAXGRmgf2IqJl1wEX19WPAvkYbrPzUlW9CvZ__3KGzm8weXse1TgATTfu43QER_hVZoFH223wUcoiZczLfZLOpQ7obYRqHpGiQO9ptsC-L1V8GXrjvyn7IlF_l0UMxsF9/s1600/heart9.gif",16,15);

//////////////////////////////////////////////

function winSize(){winWidth=(moz)?window.innerWidth-180:document.body.clientWidth-180;winHeight=(moz)?window.innerHeight+500:document.body.clientHeight+500;}
function winOfy(){winOffset=(moz)?window.pageYOffset:document.body.scrollTop;}
function fallObject(num,vari,nu){
	objects[num]=new Array(parseInt(Math.random()*(winWidth-waft)),-30,(parseInt(Math.random()*waft))*((Math.random()>0.5)?1:-1),0.02+Math.random()/20,0,1+parseInt(Math.random()*fallSpeed),vari,fallObjects[vari][1],fallObjects[vari][2]);
	if(nu==1){document.write('<img id="fO'+i+'" style="position:fixed;" src="'+fallObjects[vari][0]+'">'); }
}
function fall(){
	for(i=0;i<numObjs;i++){
		var fallingObject=document.getElementById('fO'+i);
		if((objects[i][1]>(winHeight-(objects[i][5]+objects[i][7])))||(objects[i][0]>(winWidth-(objects[i][2]+objects[i][8])))){fallObject(i,objects[i][6],0);}
		objects[i][0]+=wind;objects[i][1]+=objects[i][5];objects[i][4]+=objects[i][3];
		with(fallingObject.style){ top=objects[i][1]+winOffset+'px';left=objects[i][0]+(objects[i][2]*Math.cos(objects[i][4]))+'px';}
	}
	setTimeout("fall()",31);
}
var objects=new Array(),winOffset=0,winHeight,winWidth,togvis,moz=(document.getElementById&&!document.all)?1:0;winSize();
for (i=0;i<numObjs;i++){fallObject(i,parseInt(Math.random()*fallObjects.length),1);}
fall();
//]]></script>

Lưu lại và thưởng thức.