JUNILSTYLE NEW-FORUM COMMUNITIY
You'll need to login in order to fully use all
the featured and view all the sectionsof this site.

Please register if you're not yet a member.

JUNILSTYLE NEW-FORUM COMMUNITIY


 
HomeHome  GalleryGallery  RegisterRegister  Log inLog in  PortalPortal  
Search
 
 

Display results as :
 
Rechercher Advanced Search
Latest topics
» Three Six Mafia Neighborhood Hoe Instrumental
Wed Feb 19, 2014 6:41 am by gilaifeele

» Glass House The Good Mother
Sun Feb 16, 2014 12:51 am by gilaifeele

» Hanna In A Choppa 2 Revenge Of The Button
Wed Jul 10, 2013 2:03 pm by Admin

» FFSNG TWEAKING
Sun Apr 22, 2012 12:12 pm by Admin

» NEW TIPS (Rename Facebook Those already limit)
Thu Sep 08, 2011 8:06 am by Admin

» Change nick name facebook
Thu Sep 08, 2011 7:58 am by Admin

» Quote with emoji and Symbol's
Sat Aug 27, 2011 12:28 pm by Admin

» Want Your status in your favorite friend with one click
Sat Aug 27, 2011 12:19 pm by Admin

» FBML W/ DESIGN XD
Sat Aug 20, 2011 8:13 am by linuj

Navigation
 Portal
 Index
 Memberlist
 Profile
 FAQ
 Search
Forum
::Affiliates::
::RADIO STATION::

::LIKE US::


::Flag Counter::
free counters



Share | 
 

 Orbiting Cursor Javascript

View previous topic View next topic Go down 
AuthorMessage
Admin
Admin
avatar

Posts : 44
Points : 129
Reputation : 0
Join date : 2011-05-16
Age : 27
Location : Philppines

PostSubject: Orbiting Cursor Javascript   Wed Jun 01, 2011 8:32 am

This is a really nice mouse cursor effect that follows and orbits dots around the cursor.

The orbiting cursor script is just a one step installation with no images required. Get the code below now!

Copy the code below and paste this between the <body> and </body> tags of your html document.


Code:
<script
language="JavaScript"> <!-- Pretty by kurt.grigg@virgin.net http://website.lineone.net/~kurt.grigg/javascript
--> <!-- Distributed by http://www.hypergurl.com colours=new Array('ff00ff','00ff00','0000ff','00ff00');
//Add as many as you like, minimum of 2! dots=12; //Number of dots, choose your
own amount! hght=70; //Width of effect! wdth=70; //Height of effect! dotsize=3;
//Size of dots in pixels! step=0.05; //Speed of dots twist and spin! delay=0.2;
//Follow mouse speed! //Alter nothing past here!!! dstrbt=360/dots; currStep=0;
ypos=0; xpos=0; count1=0; count2=0; move=1; ny=0; nx=0; ns=(document.layers);
ie=(document.all); if (ns){ for (i=0; i < dots; i++) document.write('<layer
name="N'+i+'" left=0 top=0 bgcolor=#'+colours[0]+' clip="0,0,'+dotsize+','+dotsize+'"></layer>');
} if (ie){ document.write('<div id="S" style="position:absolute;top:0px;left:0px"><div
style="position:relative">'); for (i=0; i < dots; i++){ document.write('<div
id="E" style="position:absolute;top:0px;left:0px;width:'+dotsize+'px;height:'+dotsize+'px;background:#'+colours[0]+';font-size:'+dotsize+'px"></div>');
} document.write('</div></div>'); } (ns)?window.captureEvents(Event.MOUSEMOVE):0;
function Mouse(evnt){ ypos = (document.layers)?evnt.pageY:event.y; xpos = (document.layers)?evnt.pageX:event.x;
} if (ns)window.onMouseMove=Mouse; if (ie)document.onmousemove=Mouse; var D=null;
function TwistnSpin(){ if (ie) S.style.top=document.body.scrollTop; for (i=0;
i < dots; i++) { if (ns)D=document.layers["N"+i]; if (ie)D=E[i].style;
D.top=ny+hght*Math.cos(currStep+i*dstrbt*Math.PI/180)*Math.sin(currStep/2); D.left=nx+wdth*Math.sin(currStep+i*dstrbt*Math.PI/180)*Math.cos(1+currStep/2);
} currStep-=step; } function colourStep(){ count1+=move; if (count1 >= dots)
{count1=0;count2+=move} if (count2 == colours.length) count2=0; if (ns) document.layers["N"+count1].bgColor=colours[count2];
if (ie) E[count1].style.background=colours[count2]; } function MouseFollow(){
ay = ny+=(ypos-ny)*delay; ax = nx+=(xpos-nx)*delay; TwistnSpin(); colourStep();
setTimeout('MouseFollow()',10); } if (ns||ie)MouseFollow(); //--> </script>

If you have any problems with this script, or any other script on this site, give us an email and include the url of the page where you are attempting to install the script.
Back to top Go down
http://junilstyle.new-forum.net
 

Orbiting Cursor Javascript

View previous topic View next topic Back to top 

 Similar topics

-
» The Collective
» Ruby/RGSS Lessons
Page 1 of 1

Permissions in this forum:You cannot reply to topics in this forum
JUNILSTYLE NEW-FORUM COMMUNITIY :: Discussion Lounge :: Tutorial's :: JavaScript Codes-
Forum create on Forumotion | © phpBB | Free forum support | Contact | Report an abuse | Free forum
POWERED BY : JUNILSTYLE