UNLEASHED YOUR CREATIVITY!
You'll need to login or register in order to fully use all the features and view all the sections of this site.
Thank you.
Regards: FSMANIA Team
UNLEASHED YOUR CREATIVITY!
You'll need to login or register in order to fully use all the features and view all the sections of this site.
Thank you.
Regards: FSMANIA Team
UNLEASHED YOUR CREATIVITY!
Would you like to react to this message? Create an account in a few clicks or log in to continue.

UNLEASHED YOUR CREATIVITY!


 
HomePortalGalleryPublicationsSearchLatest imagesRegisterLog in

 

tinkerbell cursor effects

View previous topic View next topic Go down 
Author Message
rose_princess
Administrator
tinkerbell cursor effects 2hovgwn
rose_princess

Female
Age : 31 Registration date : 2009-03-02 Number of posts : 138 Location : taguig city Job/hobbies : landdin asawa quh hahaha Humor : i love danilo

tinkerbell cursor effects Vide
PostSubject: tinkerbell cursor effects   tinkerbell cursor effects Icon_minitimeThu Mar 12, 2009 1:26 am

--> just compile dis into a js file

--> den u can edit the CAPS LOCK LETTERS for the color and no. of sparkles u want



Code:
// <![CDATA[
var colour="RED";
var sparkles=50;

/****************************
*  Tinkerbell Magic Sparkle *
* (c) 2005 mf2fm web-design *
* 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);
}
// ]]>




dis is anoder old trick.. ahaha but new for beginners ayt? ahaha
anyway.. enjoy tweaking ur cursors..


--> credits to:

my brilliant mind wahaha (lol) hmmn
friendstertalk.com


Last edited by rose_princess on Thu Mar 12, 2009 1:34 am; edited 1 time in total
Back to top Go down
pogee aco..
Moderator
tinkerbell cursor effects 2nbuctv
pogee aco..


Age : 29 Registration date : 2009-03-10 Number of posts : 116 Location : Job/hobbies : Humor :

tinkerbell cursor effects Vide
PostSubject: Re: tinkerbell cursor effects   tinkerbell cursor effects Icon_minitimeThu Mar 12, 2009 1:28 am

hahaha..tnx 4 sharing kalimutan pa ung closing tag ng spoiler hahhaha.. tnx again i will try dis..
Back to top Go down
rose_princess
Administrator
tinkerbell cursor effects 2hovgwn
rose_princess

Female
Age : 31 Registration date : 2009-03-02 Number of posts : 138 Location : taguig city Job/hobbies : landdin asawa quh hahaha Humor : i love danilo

tinkerbell cursor effects Vide
PostSubject: Re: tinkerbell cursor effects   tinkerbell cursor effects Icon_minitimeThu Mar 12, 2009 1:36 am

ahehe..

uve open da topic wyl im still editing so da code uve seen is wrong..

wahaha


xori for dat..

anyways.. done editing it..


ciao:D
Back to top Go down
[AKOSIAMICK]
VIP
tinkerbell cursor effects Vip
[AKOSIAMICK]


Age : 27 Registration date : 2009-03-11 Number of posts : 60 Location : Job/hobbies : Humor :

tinkerbell cursor effects Vide
PostSubject: Re: tinkerbell cursor effects   tinkerbell cursor effects Icon_minitimeFri Mar 13, 2009 1:41 am

thanks for this
Back to top Go down
PatRicK
Administrator
tinkerbell cursor effects 2hovgwn
PatRicK

Male
Age : 27 Registration date : 2009-03-03 Number of posts : 52 Location : Tarlac Job/hobbies : Humor :

tinkerbell cursor effects Vide
PostSubject: Re: tinkerbell cursor effects   tinkerbell cursor effects Icon_minitimeFri Mar 13, 2009 4:22 am

is diz working in firefox?
Back to top Go down
http://profiles.friendster.com/70610066
rose_princess
Administrator
tinkerbell cursor effects 2hovgwn
rose_princess

Female
Age : 31 Registration date : 2009-03-02 Number of posts : 138 Location : taguig city Job/hobbies : landdin asawa quh hahaha Humor : i love danilo

tinkerbell cursor effects Vide
PostSubject: Re: tinkerbell cursor effects   tinkerbell cursor effects Icon_minitimeFri Mar 13, 2009 7:06 am

hmmn..


well..

i haven't try dis trick using firefox as browser

i'll check if it wud work in FF too.




_bounce
Back to top Go down
[AKOSIAMICK]
VIP
tinkerbell cursor effects Vip
[AKOSIAMICK]


Age : 27 Registration date : 2009-03-11 Number of posts : 60 Location : Job/hobbies : Humor :

tinkerbell cursor effects Vide
PostSubject: Re: tinkerbell cursor effects   tinkerbell cursor effects Icon_minitimeFri Mar 13, 2009 7:10 am

ay sis any preview?
Back to top Go down
rose_princess
Administrator
tinkerbell cursor effects 2hovgwn
rose_princess

Female
Age : 31 Registration date : 2009-03-02 Number of posts : 138 Location : taguig city Job/hobbies : landdin asawa quh hahaha Humor : i love danilo

tinkerbell cursor effects Vide
PostSubject: Re: tinkerbell cursor effects   tinkerbell cursor effects Icon_minitimeFri Mar 13, 2009 7:11 am

the preview is in my acc..


http://www.friendster.com/violetcesza


ahehe.. ^^
Back to top Go down
PatRicK
Administrator
tinkerbell cursor effects 2hovgwn
PatRicK

Male
Age : 27 Registration date : 2009-03-03 Number of posts : 52 Location : Tarlac Job/hobbies : Humor :

tinkerbell cursor effects Vide
PostSubject: Re: tinkerbell cursor effects   tinkerbell cursor effects Icon_minitimeFri Mar 13, 2009 7:50 am

ate cesza un ba ung red na nahuhulog??
ksi kung un ?/?
mli ung codes mo i update it
Back to top Go down
http://profiles.friendster.com/70610066
pogee aco..
Moderator
tinkerbell cursor effects 2nbuctv
pogee aco..


Age : 29 Registration date : 2009-03-10 Number of posts : 116 Location : Job/hobbies : Humor :

tinkerbell cursor effects Vide
PostSubject: Re: tinkerbell cursor effects   tinkerbell cursor effects Icon_minitimeFri Mar 13, 2009 8:31 pm

and u can change also the colors if u want
Back to top Go down
rose_princess
Administrator
tinkerbell cursor effects 2hovgwn
rose_princess

Female
Age : 31 Registration date : 2009-03-02 Number of posts : 138 Location : taguig city Job/hobbies : landdin asawa quh hahaha Humor : i love danilo

tinkerbell cursor effects Vide
PostSubject: Re: tinkerbell cursor effects   tinkerbell cursor effects Icon_minitimeSat Mar 14, 2009 3:34 am

hmmn.. un ung code na gmt qu..


ung code na pnost qu

anoder revision ung nilgay mu

ung preview nun akn nsa main account q..

BTW, thnx for the update..
Back to top Go down
[AKOSIAMICK]
VIP
tinkerbell cursor effects Vip
[AKOSIAMICK]


Age : 27 Registration date : 2009-03-11 Number of posts : 60 Location : Job/hobbies : Humor :

tinkerbell cursor effects Vide
PostSubject: Re: tinkerbell cursor effects   tinkerbell cursor effects Icon_minitimeSat Mar 14, 2009 4:47 pm

^ay sis double posting

oh i see thanks s preview?
Back to top Go down
rose_princess
Administrator
tinkerbell cursor effects 2hovgwn
rose_princess

Female
Age : 31 Registration date : 2009-03-02 Number of posts : 138 Location : taguig city Job/hobbies : landdin asawa quh hahaha Humor : i love danilo

tinkerbell cursor effects Vide
PostSubject: Re: tinkerbell cursor effects   tinkerbell cursor effects Icon_minitimeSun Mar 15, 2009 10:01 pm

which is double posting?
Back to top Go down
PatRicK
Administrator
tinkerbell cursor effects 2hovgwn
PatRicK

Male
Age : 27 Registration date : 2009-03-03 Number of posts : 52 Location : Tarlac Job/hobbies : Humor :

tinkerbell cursor effects Vide
PostSubject: Re: tinkerbell cursor effects   tinkerbell cursor effects Icon_minitimeMon Mar 16, 2009 1:53 am

i already delete ur 1st post
Back to top Go down
http://profiles.friendster.com/70610066
Sponsored content





tinkerbell cursor effects Vide
PostSubject: Re: tinkerbell cursor effects   tinkerbell cursor effects Icon_minitime

Back to top Go down

tinkerbell cursor effects

View previous topic View next topic Back to top 
Page 1 of 1
Friendster Mania Members
Follow the rules of this forum!

Permissions in this forum: You cannot reply to topics in this forum
UNLEASHED YOUR CREATIVITY! :: FSMANIA DESIGN AND DEVELOPMENT :: JAVASCRIPT -