Hiệu ứng tuyết rơi và Ông già Noel trên Blog

Gần đến ngày lễ giáng sinh nền đi tham khảo qua 1 số Blog thấy tuyết rơi lả tả, lạnh hết cả người. Share cho mọi người code để cùng làm Hiệu ứng tuyết rơi trên Blog và Ông già Noel

1. Hiệu ứng tuyết rơi

Các bạn vào Layout - > Add Gadget thêm 1 HTML/Javacript

Coppy và paste code sau :

<script type='text/javascript'>

//<![CDATA[

var snowmax=300

var snowcolor=new Array("#f2f8fa","#eff5f7","#dcedf1","#ffffff")

var snowtype=new Array("Times","Arial","Times","Verdana")

var snowletter="*"

var sinkspeed=0.6

var snowmaxsize=40

var snowminsize=10

// Set 1 for all-over-snowing, set 2 for left-side-snowing

// Set 3 for center-snowing, set 4 for right-side-snowing

var snowingzone=1

// Do not edit below this line

var snow=new Array()

var marginbottom

var marginright

var timer

var i_snow=0

var x_mv=new Array();

var crds=new Array();

var lftrght=new Array();

var browserinfos=navigator.userAgent

var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)

var ns6=document.getElementById&&!document.all

var opera=browserinfos.match(/Opera/)

var browserok=ie5||ns6||opera

function randommaker(range) {

rand=Math.floor(range*Math.random())

return rand

}

function initsnow() {

if (ie5 || opera) {

marginbottom = document.body.scrollHeight

marginright = document.body.clientWidth-15

}

else if (ns6) {

marginbottom = document.body.scrollHeight

marginright = window.innerWidth-15

}

var snowsizerange=snowmaxsize-snowminsize

for (i=0;i<=snowmax;i++) {

crds[i] = 0;

lftrght[i] = Math.random()*15;

x_mv[i] = 0.03 + Math.random()/10;

snow[i]=document.getElementById("s"+i)

snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]

snow[i].size=randommaker(snowsizerange)+snowminsize

snow[i].style.fontSize=snow[i].size+'px';

snow[i].style.color=snowcolor[randommaker(snowcolor.length)]

snow[i].style.zIndex=1000

snow[i].sink=sinkspeed*snow[i].size/5

if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}

if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}

if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}

if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}

snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)

snow[i].style.left=snow[i].posx+'px';

snow[i].style.top=snow[i].posy+'px';

}

movesnow()

}

function movesnow() {

for (i=0;i<=snowmax;i++) {

crds[i] += x_mv[i];

snow[i].posy+=snow[i].sink

snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+'px';

snow[i].style.top=snow[i].posy+'px';

if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){

if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}

if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}

if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}

if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}

snow[i].posy=0

}

}

var timer=setTimeout("movesnow()",50)

}

for (i=0;i<=snowmax;i++) {

document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")

}

if (browserok) {

window.onload=initsnow

}

//]]>

</script>

trong đó

var snowletter="*" // Kiểu tuyết

var sinkspeed=0.6 // Thời gian rơi của tuyết

var snowmaxsize=40 // Size lớn nhất

var snowminsize=10 // Size nhỏ nhất

Save và xem kết quả thôi.

2. Ảnh động Ông già Noel

Đầu tiên mở Notepad và Coppy paste code sau :

Lưu lại với phần đuôi mở rộng là.js <>

$(function(){

$('html').append('<img id="Noel" title=" Nguyễn Tuấn Anh chúc bạn đọc của Vietblogger.net có ngày lễ giáng sinh vui vẻ"

style="cursor:pointer;position:fixed;z-index:99999" src="https://lh4.googleusercontent.com/-Ze8-

ZCe7ezE/UMHV41Y6BJI/AAAAAAAAE-I/CcU__2WjPJI/s289/Ong-gia-Noel--.gif"/>')

setInterval(function(){

var $X=Math.ceil(Math.random()*$(window).width())

var $Y=Math.ceil(Math.random()*$(window).height())

$('img#halo').animate({'left':$X,'top':$Y},5000)

},5000)

$('img#halo').click(function(){

window.open('http://www.vietblogger.net/2012/11/hinh-nen-may-tinh-giang-sinh-noel.html','')

})

})