Làm hiệu ứng tuyết rơi trên blog
Posted by: Unknown Posted date: 23:44 / comment : 0
Với thủ thuật nhỏ này sẽ trang trí cho blog của bạn thật đẹp mắt với hiệu ứng tuyết rơi vào mùa đông nè.
Các bạn chỉ cần copy code này và dán vào chỗ thẻ </body> hoặc bạn có thể thêm 1 wiget HTML/Javascript và dán code này vào là được.
<script type='text/javascript'>
//<![CDATA[
var snowmax=100
var snowcolor=new Array("#f2f8fa","#eff5f7","#dcedf1","#ffffff")
var snowtype=new Array("Times","Arial","Times","Verdana")
var snowletter="*"
var sinkspeed=0.6
var snowmaxsize=30
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>
Chúc các bạn vui vẻ với thủ thuật nhỏ này.
About Unknown
Đại Đoàn Gia Mobile phân phối, bán buôn bán lẻ điện thoại di động chính hãng: Nokia, samsung, iphone, Qmobile, OPPO, Connspeed.. giá tốt nhất. Bán hàng online, giao hàng tận nơi miễn phí.
Đăng ký:
Đăng Nhận xét (Atom)
BẠN ĐỌC QUAN TÂM
-
- Giữ phím Shift trên bàn phím + Nhấp chuột phải vào Folder chứa danh bạ VCF --> Bạn chọn Open Command Window Here - Sau đó sẽ xuất hiện...
-
Khi bạn mở ứng dụng Camera trên Windows 8 mà bạn nhận được thông báo lỗi: This app needs your permission to use your camera – You can change...
-
File có phần mở rộng .SHS là dạng file scrap được tạo ra khi copy nội dung từ file Microsoft Offcie 2003 và dán trực tiếp ra Desktop hoặc Co...
-
Cùng Đại Đoàn Gia Mobile đánh giá nhanh điện thoại Mobiistar touch LAI 504Q nhé: Điểm mạnh: - Cấu hình khá tốt so với mức giá, hỗ trợ 2 SIM...
-
Mobiistar Touch Bean 414 - Smartphone 2 sim 2 sóng, giá rẻ. Chiếc Touch Bean 414 , màn hình 4inch, 2 sim 2 sóng, sử dụng hệ điều hàn...
-
Mobiistar B204 – Nhỏ gọn, đơn giản khi sử dụng B204 của Mobiistar dành cho phân khúc thị trường điện thoại giá rẻ . Một chiếc điện thoại...
-
- Trước hết bạn hãy tắt nguồn điện thoại. - Bạn nhấn tổ hợp phím Volume Down + Power . - Nhấn Volume Up để vào chế độ Recovery Mode . Đọc t...
-
Thiết kế truyền thống Điện thoại FPT B90 có thiết kế truyền thống, đơn giản, gần gũi với nhiều độ tuổi sử dụng. Điện thoại có nhiều màu sắ...
-
Trụ sở Chính công ty tại Hà Nội CÔNG TY TNHH ÐAI ÐOÀN GIA TRỤ SỞ CHÍNH ÐC: 16 Hòa Sơn – TT Chúc Sơn – Chương Mỹ - Hà Nội ÐT: 04 63 26 6...
-
Đây là bản update mới nhất của Nokia dành cho dòng điện thoại Lumia. Được xây dựng dựa trên Windows Phone 8 Update 3, Black mang lại nhiều t...

Không có nhận xét nào: