« »

Make the cursors mouse on your page the center of attention for everyone, with this cursor JavaScript code. This animated cursor revolves the little arrow in a 3D, circular trajectory, look like a magic wand casting (ok, you tell us what it looks like then). Mesmerizing as it is envious to watch!

Label: cursors mouse, animated cursor, cursor code

Report to us error of this JavaScript

Demo
Enlarge
Reload
New window

Free iPage Web Hosting for First Year NOW

If you're still looking for a reliable web host provider with affordable rates, why you don't take a little of time to try iPage, only with $1.89/month, included $500+ Free Extra Credits for the payment of 24 months ($45)?

Over 1,000,000+ existisng customers can not be wrong, definitely you're not, too! More important, when you register the web hosting at iPage through our link, we're going to be happy for resending a full refund to you. That's awesome! You should try iPage web hosting for FREE now! And contact us for anything you need to know about iPage. Try iPage for FREE First Year NOW

Code
JavaScript
HTML
Print

Copy All x2

<script language="JavaScript">
/*
Magic Wand cursor (By Kurt at kurt.grigg@virgin.net)
Modified and permission granted to Dynamic Drive to feature script in archive
For full source, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
*/

if (document.all){
with (document){
write('<div id="starsDiv" style="position:absolute;top:0px;left:0px">')
write('<div style="position:relative;width:1px;height:1px;background:#ffffff;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#00ff00;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px;visibility:visible"></div>')
write('<div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:2px;visibility:visible"></div>')
write('<div style="position:relative;width:2px;height:2px;background:#fff000;font-size:2px;visibility:visible"></div>')
write('<div style="position:relative;width:2px;height:2px;background:#ffa000;font-size:2px;visibility:visible"></div>')
write('<div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px;visibility:visible"></div>')
write('<div style="position:relative;width:2px;height:2px;background:#00ff00;font-size:2px;visibility:visible"></div>')
write('<div style="position:relative;width:2px;height:2px;background:#0000ff;font-size:2px;visibility:visible"></div>')
write('<div style="position:relative;width:3px;height:3px;background:#FF0000;font-size:3px;visibility:visible"></div>')
write('</div>')
}
}


var Clrs=new Array(6)
Clrs[0]='ff0000';
Clrs[1]='00ff00';
Clrs[2]='000aff';
Clrs[3]='ff00ff';
Clrs[4]='fff000';
Clrs[5]='fffff0';



if (document.layers)
{window.captureEvents(Event.MOUSEMOVE);}
var yBase = 200;
var xBase = 200;
var step;
var currStep = 0;
var Xpos = 1;
var Ypos = 1;

if (document.all)
{
  function MoveHandler(){
  Xpos = document.body.scrollLeft+event.x;
  Ypos = document.body.scrollTop+event.y;
  }
  document.onmousemove = MoveHandler;
}

else if (document.layers)
{
  function xMoveHandler(evnt){
  Xpos = evnt.pageX;
  Ypos = evnt.pageY;
  }
  window.onMouseMove = xMoveHandler;
}

function animateLogo() {
if (document.all)
{
 yBase = window.document.body.offsetHeight/4;
 xBase = window.document.body.offsetWidth/4;
}
else if (document.layers)
{
 yBase = window.innerHeight/4;
 xBase = window.innerWidth/4;
}

if (document.all)
{
 for ( i = 0 ; i < starsDiv.all.length ; i++ )
 {step=3;
  starsDiv.all[i].style.top = Ypos + yBase*Math.cos((currStep + i*4)/12)*Math.cos(0.7+currStep/200);
  starsDiv.all[i].style.left = Xpos + xBase*Math.sin((currStep + i*3)/10)*Math.sin(8.2+currStep/400);
  for (ai=0; ai < Clrs.length; ai++)
    {
     var c=Math.round(Math.random()*[ai]);
    }
    starsDiv.all[i].style.background=Clrs[c];
 }
}

else if (document.layers)
{
 for ( j = 0 ; j < 14 ; j++ ) //number of NS layers!
 {step = 4;
  var templayer="a"+j
  document.layers[templayer].top = Ypos + yBase*Math.sin((currStep + j*4)/12)*Math.cos(0.7+currStep/200);
  document.layers[templayer].left = Xpos + xBase*Math.sin((currStep + j*3)/10)*Math.sin(8.2+currStep/400);
  for (aj=0; aj < Clrs.length; aj++)
    {
     var c=Math.round(Math.random()*[aj]);
    }
    document.layers[templayer].bgColor=Clrs[c]; 
 }
}
currStep+= step;
setTimeout("animateLogo()", 10);
}
animateLogo();
// -->
</script>

Copy All x2

<LAYER NAME="a0" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffffff" CLIP="0,0,1,1"></LAYER>
<LAYER NAME="a1" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#fff000" CLIP="0,0,1,1"></LAYER>
<LAYER NAME="a2" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffa000" CLIP="0,0,1,1"></LAYER>
<LAYER NAME="a3" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ff00ff" CLIP="0,0,1,1"></LAYER>
<LAYER NAME="a4" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#00ff00" CLIP="0,0,1,1"></LAYER>
<LAYER NAME="a5" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF00FF" CLIP="0,0,1,1"></LAYER>
<LAYER NAME="a6" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF0000" CLIP="0,0,1,1"></LAYER>
<LAYER NAME="a7" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffffff" CLIP="0,0,2,2"></LAYER>
<LAYER NAME="a8" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#fff000" CLIP="0,0,2,2"></LAYER>
<LAYER NAME="a9" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffa000" CLIP="0,0,2,2"></LAYER>
<LAYER NAME="a10" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ff00ff" CLIP="0,0,2,2"></LAYER>
<LAYER NAME="a11" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#00ff00" CLIP="0,0,2,2"></LAYER>
<LAYER NAME="a12" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#0000ff" CLIP="0,0,2,2"></LAYER>
<LAYER NAME="a13" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF0000" CLIP="0,0,3,3"></LAYER>

Comment (7)
Write

by [D]arKS, 26/07/2008 07:07 AM
cho tá»› há»i... Reply

cÃ¡c script khÃ¡c tá»› Ä‘á»u chÃ¨n vÃ o 4r Ä‘c vÃ cÃ³ hiá»ƒu quáº£! nhÆ°ng script vá» con trá» chuá»™t thÃ¬ chÃ¨n á»Ÿ Ä‘Ã¢u Ä‘Ã¢y??

by Cao Phong, 26/07/2008 09:07 AM
cáºu nÃªn chÃ¨n vÃ o footer Reply

theo tá»› thÃ¬ cÃ¡c hiá»‡u á»©ng vá» trang trÃ cho forum thÃ¬ chÃ¨n vÃ o footer lÃ á»•n nhá»©t

by [D]arKS, 27/07/2008 09:07 PM
uh huh Reply

Ä‘á»ƒ tá»› thá»!

cáº£m Æ¡n nhÃ©!

by [D]arKS, 27/07/2008 09:07 PM
nÃ y báº¡n! Reply

tá»› chÃ¨n thá» roÃ i! váº«n ko Ä‘c!

by Cao Phong, 28/07/2008 11:07 PM
Reply

- trÆ°á»›c khi chÃ¨n vÃ´ forum thÃ¬ tá»‘t nháº¥t lÃ báº¡n nÃªn táº¡o 1 file HTML mÃ test thá» coi cÃ¡i hiá»‡u á»©ng cÃ³ hoáº¡t Ä‘á»™ng ko? Náº¿u á»•n thÃ¬ chá»‰ viá»‡c copy cÃ¡i code vÃ´ footer lÃ á»•n

- náº¿u Ä‘Ã£ chÃ¨n rá»“i mÃ khÃ´ng Ä‘Æ°á»£c thÃ¬ báº¡n kiá»ƒm tra láº¡i thá» xem cÃ³ chÃ¨n Ä‘Ãºng khÃ´ng báº±ng cÃ¡ch View Source cÃ¡c trang cá»§a forum, xem cÃ³ chá»©a code mÃ báº¡n vá»«a chÃ¨n hay khÃ´ng?

by gacon01, 24/09/2008 11:09 PM
Reply

xÃ i ko Ä‘Æ°á»£c gÃ¬ háº¿t, lÃ sao váºy ??

by Cao Phong, 25/09/2008 10:09 PM
Reply

code chá»‰ hoáº¡t Ä‘á»™ng trÃªn IE thui báº¡n Ã

by Preview

Cancel reply

Write your comment

Comments of Guest will be previwed before published
Give your real email to get notifying replies, or comment will be deleted

Your name *
Your email^g *
~~Your site~~

Comment's title

I assure 100% I am real human
I repeat I am not bot

Sent (2)
New

BBCode
HTML
URL
JID

https://tooly.win
Open tool hub for free to use by any one for every one with hundreds of tools

chatGPTaz.com, chatGPT4.win, chatGPT2.fun, re-chatGPT.com
Talk to ChatGPT by your mother language

Dall-E-OpenAI.com
Generate creative images automatically with AI

AIVideo-App.com
Render creative video automatically with AI

Cool Domains for Sale!

pornID.net Card.rip ABP3.com CryptoKD.com CreditCard.rip CoinHolo.com CTRCoin.com index.services system.money ZWVQ.com ChatTotal.com XMQV.com YeuNu.com ChainTutor.com war.money choose.exchange eChainBank.com choose.works this.bid ApexBTC.com

Submit day:
Author:
Previews:
Comment:
Votes:
Sent:
Size:
Rank:

30/01/2007
Kurt [more]
12,939
7
85
2
7.21 KBytes

JavaScript Magic Wand Stars cursor - JID: 1229 - Language: English

3.3/5 85 votes / 12,939 previews / 7 comment 30/01/2007 Make the cursors mouse on your page the center of attention for everyone, with ...JavaScript Magic Wand Stars cursor - JID: 1229 - Magic Wand Stars cursor - Language: English

tthqt anhtuan_tt08 johnpot 123456ha[2] quoctuan hoang81187 saonet se7enmita thanhom thangnt06[4]