Friendster Delight
tinkerbell mouse effect Testp


If you want to access fully in FD. Please do log in or register. Thank You. Welcome. FD
Friendster Delight
tinkerbell mouse effect Testp


If you want to access fully in FD. Please do log in or register. Thank You. Welcome. FD
Friendster Delight
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Friendster Delight


 
Home:: Portal ::Latest imagesSearchRegisterLog in

Share | 
 

 tinkerbell mouse effect

View previous topic View next topic Go down 
AuthorMessage
gErLaLuzZ
Retired Moderator
gErLaLuzZ

Posts : 1743

Age : 28


tinkerbell mouse effect Vide http://profiles.friendster.com/user.php?uid=42208990
PostSubject: tinkerbell mouse effect   tinkerbell mouse effect I_icon_minitimeThu Mar 26, 2009 10:51 am

live preview here:
on my profile

Code:
/****************************
* Tinkerbell Magic Sparkle *
* (c) 2005 mf2fm web-design *
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
****************************/
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();

window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}

function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}

function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}

function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}

document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}

function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}

window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}

function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>

credits:
in here hehe
Back to top Go down
spongebob0291
FD Amateur
FD Amateur
spongebob0291

Posts : 693

Age : 29


tinkerbell mouse effect Vide
PostSubject: Re: tinkerbell mouse effect   tinkerbell mouse effect I_icon_minitimeThu Mar 26, 2009 6:37 pm

any preview? thanks for sharing!!
Back to top Go down
gErLaLuzZ
Retired Moderator
gErLaLuzZ

Posts : 1743

Age : 28


tinkerbell mouse effect Vide http://profiles.friendster.com/user.php?uid=42208990
PostSubject: Re: tinkerbell mouse effect   tinkerbell mouse effect I_icon_minitimeFri Mar 27, 2009 1:09 pm

^..there's a live preview on my profile..

..hihi..
Back to top Go down
xhugarphink16
FD Member
FD Member
xhugarphink16

Posts : 224


tinkerbell mouse effect Vide http://friendster.com/nicoleandalajao
PostSubject: Re: tinkerbell mouse effect   tinkerbell mouse effect I_icon_minitimeMon Mar 30, 2009 3:02 pm

This is what I'm looking for!!!
Back to top Go down
gErLaLuzZ
Retired Moderator
gErLaLuzZ

Posts : 1743

Age : 28


tinkerbell mouse effect Vide http://profiles.friendster.com/user.php?uid=42208990
PostSubject: Re: tinkerbell mouse effect   tinkerbell mouse effect I_icon_minitimeMon Mar 30, 2009 3:21 pm

..o rily?..

..use it nah..

..nayhaha..
Back to top Go down
lheendc
Co-Admin
Co-Admin
lheendc

Posts : 973

Age : 28


tinkerbell mouse effect Vide http://www.plurk.com/lheendc/invite
PostSubject: Re: tinkerbell mouse effect   tinkerbell mouse effect I_icon_minitimeWed Apr 08, 2009 8:24 pm

Thanks for shariiiinnng! It`s cute! Laebbb it. Mad
Back to top Go down
gErLaLuzZ
Retired Moderator
gErLaLuzZ

Posts : 1743

Age : 28


tinkerbell mouse effect Vide http://profiles.friendster.com/user.php?uid=42208990
PostSubject: Re: tinkerbell mouse effect   tinkerbell mouse effect I_icon_minitimeThu Apr 09, 2009 2:27 am

np
Back to top Go down
GHEN
Graphic Master
Graphic Master
GHEN

Posts : 1150

Age : 30


tinkerbell mouse effect Vide http://www.ghenstar.webs.com
PostSubject: Re: tinkerbell mouse effect   tinkerbell mouse effect I_icon_minitimeSun Apr 12, 2009 10:14 am

thanks fer te share Smile
Back to top Go down
jhennyz
Full Moderator
Full Moderator
jhennyz

Posts : 373

Age : 27


tinkerbell mouse effect Vide http://www.jhennyz.multiply.com
PostSubject: Re: tinkerbell mouse effect   tinkerbell mouse effect I_icon_minitimeMon Apr 13, 2009 10:48 pm

its kawaii..

thanks for this...
Back to top Go down
dhee0711
Promoter
Promoter
dhee0711

Posts : 873

Age : 29


tinkerbell mouse effect Vide http://friendster.com/ladychxx24
PostSubject: Re: tinkerbell mouse effect   tinkerbell mouse effect I_icon_minitimeSat May 09, 2009 5:07 pm

thanks for sharing Very Happy
nice!
Back to top Go down
nicole_nicole
Third Timer
Third Timer
nicole_nicole

Posts : 51


tinkerbell mouse effect Vide
PostSubject: Re: tinkerbell mouse effect   tinkerbell mouse effect I_icon_minitimeSun May 10, 2009 3:32 pm

tnx fer sharing
Back to top Go down
jee:)jee:)
Second Timer
Second Timer
jee:)jee:)

Posts : 20


tinkerbell mouse effect Vide
PostSubject: Re: tinkerbell mouse effect   tinkerbell mouse effect I_icon_minitimeSat May 16, 2009 2:42 pm

hahhaa ty xna may reasy to paste hehehehe
Back to top Go down
sEz™
Third Timer
Third Timer
sEz™

Posts : 57

Age : 28


tinkerbell mouse effect Vide http://profiles.friendster.com/figmentofyourimagination
PostSubject: Re: tinkerbell mouse effect   tinkerbell mouse effect I_icon_minitimeWed Jun 17, 2009 10:42 pm

EiNKSZ FOR SHARiNG ... Smile Smile Smile
Back to top Go down
Sponsored content




tinkerbell mouse effect Vide
PostSubject: Re: tinkerbell mouse effect   tinkerbell mouse effect I_icon_minitime

Back to top Go down
 

tinkerbell mouse effect

View previous topic View next topic Back to top 
Page 1 of 1

Permissions in this forum:You cannot reply to topics in this forum
Friendster Delight :: FD Tips & Tricks :: Java Script Codes-