[ Tin nhắn mới · Thành viên · Nội quy diễn đàn · Tìm kiếm · RSS ]
  • Page 1 of 1
  • 1
Forum moderator: Admin, Administrators  
Diễn đàn » Trao đổi kiến thức thiết kế web, lập trình code ... » Chia sẻ code web full sạch đẹp cho các member » Tạo hiệu ứng sao rơi trên web đẹp (hiệu ứng sao băng)
Tạo hiệu ứng sao rơi trên web đẹp
AdministratorsII
Data: Thứ hai, 2016-01-04, 8:32 AM
Offline
Bài viết: 6
Bạn chèn code này vào thẻ

Code
<script LANGUAGE="JavaScript1.2">   
var no = 25; // Số tuyết   
var speed = 10; // Số càng nhỏ tuyết di chuyển(rơi) càng nhanh   
var snowflake = "images/idcs.gif"; // Nơi đây chèn hình bông tuyết   
var ns4up = (document.layers) ? 1 : 0; // Bộ duyệt tìm nạp vào   
var ie4up = (document.all) ? 1 : 0;   
var dx, xp, yp; // tọa độ và những vị trí thay đổi   
var am, stx, sty; // Độ rộng và những bước thay đổi   
var i, doc_width = 800, doc_height = 600;   
if (ns4up) {   
doc_width = self.innerWidth;   
doc_height = self.innerHeight;   
} else if (ie4up) {   
doc_width = document.body.clientWidth;   
doc_height = document.body.clientHeight;   
}   
dx = new Array();   
xp = new Array();   
yp = new Array();   
am = new Array();   
stx = new Array();   
sty = new Array();   
for (i = 0; i < no; ++ i) {   
dx [i]= 0; // những biến đổi toạ độ tập hợp   
xp [i]= Math.random()*(doc_width-50); // tập hợp những thay đổi vị trí   
yp [i]= Math.random()*doc_height;   
am [i]= Math.random()*20; // tập hợp những thay đổi độ rộng   
stx [i]= 0.02 + Math.random()/10; // tập hợp những thay đổi bước   
sty [i]= 0.7 + Math.random(); //tập hợp những thay đổi bước   
if (ns4up) { // những lớp tập hợp   
if (i == 0) {   
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");   
document.write("top=\"15\" visibility=\"show\"><img src=\"");   
document.write(snowflake + "\" border=\"0\"></layer>");   
} else {   
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ");   
document.write("top=\"15\" visibility=\"show\"><img src=\"");   
document.write(snowflake + "\" border=\"0\"></layer>");   
}   
} else if (ie4up) {   
if (i == 0) {   
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");   
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");   
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");   
document.write(snowflake + "\" border=\"0\"></div>");   
} else {   
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");   
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");   
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");   
document.write(snowflake + "\" border=\"0\"></div>");   
}   
}   
}   
function snowNS() { // hàm Netscape hoạt cảnh chính    
for (i = 0; i < no; ++ i) { // vòng lặp cho mỗi điểm   
yp [i]+= sty[i];   
if (yp [i]> doc_height-50) {   
xp [i]= Math.random()*(doc_width-am[i]-30);   
yp [i]= 0;   
stx [i]= 0.02 + Math.random()/10;   
sty [i]= 0.7 + Math.random();   
doc_width = self.innerWidth;   
doc_height = self.innerHeight;   
}   
dx [i]+= stx[i];   
document.layers["dot"+i].top = yp[i];   
document.layers["dot"+i].left = xp [i]+ am[i]*Math.sin(dx[i]);   
}   
setTimeout("snowNS()", speed);   
}   
function snowIE() { // hàm IE hoạt cảnh chính    
for (i = 0; i < no; ++ i) { // vòng lặp cho mỗi điểm   
yp [i]+= sty[i];   
if (yp [i]> doc_height-50) {   
xp [i]= Math.random()*(doc_width-am[i]-30);   
yp [i]= 0;   
stx [i]= 0.02 + Math.random()/10;   
sty [i]= 0.7 + Math.random();   
doc_width = document.body.clientWidth;   
doc_height = document.body.clientHeight;   
}   
dx [i]+= stx[i];   
document.all["dot"+i].style.pixelTop = yp[i];   
document.all["dot"+i].style.pixelLeft = xp [i]+ am[i]*Math.sin(dx[i]);   
}   
setTimeout("snowIE()", speed);   
}   
if (ns4up) {   
snowNS();   
} else if (ie4up) {   
snowIE();   
}     

</script>

Lưu ý: Bạn có thể tùy chỉnh thông số sao cho phù hợp theo sở thích của bạn và trang web.

Từ khóa tìm kiếm:
Code hieu ung hay cho web, tong hop code hieu ung dep cho web, thiet ke hieu ung code tren web, code sao roi tren web sieu dep, tao sao bang roi tren web, huong dan chay code sao bang roi tren web, lam sao de tao hieu ung sao roi tren web duoc.


★★★★★ Tôi muốn thử thách chính mình ★★★★★

Sửa lần cuối bởi AdministratorsII - Thứ hai, 2016-01-04, 8:35 AM
 
Diễn đàn » Trao đổi kiến thức thiết kế web, lập trình code ... » Chia sẻ code web full sạch đẹp cho các member » Tạo hiệu ứng sao rơi trên web đẹp (hiệu ứng sao băng)
  • Page 1 of 1
  • 1
Search:


☠ Home | ✯ Diễn đàn | ✡ Download | ☣ Nấu ăn | ☢ Video | ☪ Truyện cười | ♘ Mẹo vặt | ✉ Hỗ trợ | ✉ Tin nhắn | Đăng ký | Đăng nhập

BOX ADMIN