Go Back   Diễn Đàn Bo-Blog Việt Nam > Phụ Trợ Bo-Blog > Ứng Dụng HTML - Java - Ajax Cho Bo-blog > JavaScript



About Me
Your Avatar

 
Trả lời Gởi Ðề Tài Mới
 
Ðiều Chỉnh Kiếm Trong Bài
  #1  
Old 18-10-2010, 07:58 PM
NamCòi's Avatar
NamCòi is offline
KUTE
 
Tham gia ngày: Feb 2010
Đến từ: Vannamdl.net
Bài gởi: 3,051
Thumbs down Hiệu ứng ma bay trang trí blog mùa Halloween

Demo:
Click the image to open in full size.
Các con ma sẽ bay vòng quanh trang web blog của bạn
muốn hiện ở trang chủ thì chèn vào ô thông báo
muốn hiện ở tất cả các trang thì chèn vào head của blog
Còn đây là code
<SCRIPT language="javascript">
var num_flakes = 5;
var snowflakes = new Array("http://ca5.upanh.com/14.864.19103240.ICA0/ma1.png","http://ca7.upanh.com/14.864.19103242.oiu0/ma2.png","http://ca7.upanh.com/14.864.19103246.hdA0/ma3.png","http://ca7.upanh.com/14.864.19103250.yp0/ma4.png","http://ca4.upanh.com/14.864.19103251.fAE0/ma5.png","http://ca5.upanh.com/14.864.19103252.cPQ0/ma6.png");
var aDOM = 0, ieDOM = 0, nsDOM = 0; var stdDOM = document.getElementById;
if (stdDOM) aDOM = 1; else {ieDOM = document.all; if (ieDOM) aDOM = 1; else {
var nsDOM = ((navigator.appName.indexOf('Netscape') != -1)
&& (parseInt(navigator.appVersion) ==4)); if (nsDOM) aDOM = 1;}}
function findDOM(objectId, wS) {
if (stdDOM) return wS ? document.getElementById(objectId).style:
document.getElementById(objectId);
if (ieDOM) return wS ? document.all[objectId].style: document.all[objectId];
if (nsDOM) return document.layers[objectId];
}

function findLivePageWidth() {return window.innerWidth != null? window.innerWidth : document.documentElement && document.documentElement.clientWidth ?       document.documentElement.clientWidth : document.body != null ? document.body.clientWidth :700;}function findLivePageHeight() {return  window.innerHeight != null? window.innerHeight : document.documentElement && document.documentElement.clientHeight ?  document.documentElement.clientHeight : document.body != null? document.body.clientHeight :500;}
function posX() {return typeof window.pageXOffset != 'undefined' ? window.pageXOffset:document.documentElement.scrollLeft? document.documentElement.scrollLeft:document.body.scrollLeft? document.body.scrollLeft:0;}
function posY() {return typeof window.pageYOffset != 'undefined' ? window.pageYOffset:document.documentElement.scrollTop? document.documentElement.scrollTop: document.body.scrollTop?document.body.scrollTop:0;}

var speed = 30;var movw = new Array();var movh = new Array();var move = new Array();var stepw = new Array();var steph = new Array();var posw = new Array();var posh = new Array();var dir = new Array();var winWidth;var winHeight;
function startSnow() {winWidth = findLivePageWidth()-50;winHeight = findLivePageHeight()-50;
for (var i = 0; i < num_flakes; i++){move[i] = 0;movh[i] = 12+ Math.random()*2;movw[i] = 11+ Math.random()*4;posw[i] = Math.random()*(winWidth-35)+12;posh[i] = Math.random()*winHeight;   stepw[i] = 0.02 + Math.random()/10;steph[i] = 0.7 + Math.random();dir[i] = (Math.random()>0.5)?1:-1;document.write('<div id="snow'+ i +'" style="position: absolute; z-index: '+ i +'; visibility:hidden; "><img src="'+snowflakes[Math.floor(Math.random()*snowflakes.length)]+ '" border="0"></div>');}setTimeout("moreSnow()", speed);}
function moreSnow() {for (var i = 0; i < num_flakes; i++) {if (posh[i] > winHeight-50) {posw[i] = 10+ Math.random()*(winWidth-movw[i]-30);posh[i] = 0;dir[i]=(Math.random()<0.5)?1:-1;stepw[i] = 0.02 + Math.random()/9;steph[i] = 1.3 + Math.random();} move[i] += stepw[i] *dir[i]; if (Math.abs(move[i]) > 3) {dir[i]=-dir[i];   posh[i]+=Math.abs(movh[i]*move[i]);posw[i]+=movw[i]*move[i]; move[i]=0;} objstyle = findDOM('snow'+i,1); objstyle.left = (posX()+posw[i] + movw[i]*move[i])+'px'; objstyle.top = (posY()+posh[i] + movh[i]*(Math.abs(Math.cos(move[i])+move[i])))+'px';objstyle.visibility = 'visible';} setTimeout("moreSnow()", speed);}
startSnow();
</SCRIPT>
Chữ ký của NamCòi
Click the image to open in full size.Click the image to open in full size.
Trả Lời Với Trích Dẫn
  #2  
Old 18-10-2010, 08:32 PM
MinhBlog.Com's Avatar
MinhBlog.Com MinhBlog.Com is offline
Senior Member
 
Tham gia ngày: Oct 2010
Bài gởi: 122
Default

Rất hay, thank bác nhiều
Trả Lời Với Trích Dẫn
  #3  
Old 18-10-2010, 08:46 PM
gonpro.net's Avatar
gonpro.net gonpro.net is offline
Junior Member
 
Tham gia ngày: Oct 2010
Bài gởi: 29
Default

hay lắm nè
tks anh
demo online:
http://gonpro.net

thay đổi nội dung bởi: gonpro.net, 18-10-2010 lúc 09:03 PM
Trả Lời Với Trích Dẫn
Trả lời Gởi Ðề Tài Mới

Tags
ứng, bay, blog, halloween, hiệu, mùa, trang, trí

Ðiều Chỉnh Kiếm Trong Bài
Kiếm Trong Bài:

Kiếm Chi Tiết

Chuyển đến


Múi giờ GMT. Hiện tại là 07:39 AM.
Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.
vdata

Bo-Blog Việt Nam

Bo-blog
9.9 10 13259