Skip to main content
Known Participant
October 23, 2008
Question

frostdesign.com.au

  • October 23, 2008
  • 3 replies
  • 405 views
I'm trying to get my cursor to switch to a navigation icon. I have seen such things on sites like
www.frostdesign.com.au If you click on some of their work you'll understand what I mean.

If anyone knows how to create this sort of thing please let me know.

Cheers
Graphic Graeme
This topic has been closed for replies.

3 replies

October 24, 2008
Here's what I would do:

Put several frames inside your cursor_mc graphic, representing the different custom cursors you want.

One frame one of the cursor_mc, put stop()

Then, I'd give each frame a frame label representing the cursor, ie "arrowLeft" and "arrowRight" like frostdesign.com.au has.

Then, whenever you want to change the cursor, say cursor_mc.gotoAndStop("arrowLeft") or cursor_mc.gotoAndStop("arrowRight")

When and where to put that is a little hard for me to say. You have to determine based on your project exactly when and where those should appear. Maybe you could just add big invisible buttons and in their rollOver event they say gotoAndStop?
Known Participant
October 24, 2008
Sweet, I'm able to get my cursor to come up. :)
Now if I move left or right how can I get the icon to change to a different cursor icon.

again, I'm trying to mimic the effect on http://www.frostdesign.com.au
click on the work to see the cursor effect. :)

Thanks muchly in advance :)
Graphic Graeme
October 23, 2008
Just hide the cursor with Mouse.hide()

Then create a custom graphic, put it in a MovieClip and give it a name, like cursor_mc.

Then make the cursor_mc follow the mouse using mouseMove:

addEventListener("mouseMove",cursorMove);
function cursorMove(evt){
cursor_mc.x = mouseX;
cursor_mc.y = mouseY;
evt.updateAfterEvent();
}

You might want to put Mouse.hide() inside the mouseMove function, too. You can use Mouse.show() to bring the system cursor back.