Here is the Dropbox link:
Dropbox - 300x250-1.fla
Just for interest, this code would work for a custom cursor:
stage.canvas.style.cursor = "none";
this.yourCursorMC.mouseEnabled = false;
this.addEventListener("tick", fl_CustomMouseCursor_3.bind(this));
function fl_CustomMouseCursor_3() {
this.yourCursorMC.x = stage.mouseX;
this.yourCursorMC.y = stage.mouseY;
}
'yourCursorMC' would be a movieclip that you would place off stage somewhere. It could perhaps look like Mickey Mouse's hand, or a colorful arrow. Or some other non-standard looking cursor. The mouseEnabled = false part would mean that when you click on something, the custom cursor movieclip itself won't trap the click, it will get through ok to the buttons underneath the cursor.
The buttons themselves would not want to be moved around to follow the cursor, they would stay in place, over the hot spots in your design.
With the code working correctly there is a new problem that happens. stage.canvas.style.cursor = "none"; is telling the window to show no cursor, so that you don't see an arrow on top of the custom cursor, as it moves around. But, because you're using buttons, those are forcing the window to show the arrow cursor when you stop pointing at them. You could successfully use a custom cursor, and get no arrow appearing, if your two buttons were movieclips instead, and if you used the code I gave above.
But don't do that! Instead, delete all of the code in the Actions layer of frame 1, and then the regular button pointer cursor should appear.
One thing that could go wrong is that if your buttons are filling the whole of the stage, which they are, and you then view the final thing inside a DIV that is exactly the size of the stage, there won't be a moment where the cursor rolls over the buttons. One moment it's outside of the DIV, then its immediately over a button. There isn't a moment where it's over the DIV but outside of the button.
You could test if that's the issue by making your buttons smaller. Something like this:
