PDA

View Full Version : How do i create this mouse cursor in HTML?



fmpfmpf
14 Apr 2008, 06:12 PM
When you enter some websites, your mouse cursor changes.
Example, from your default white arrow into an aeroplane or a mouse with a tail of words behind it.
How do i do so in HTML programming?

The mouse cursor will only change when the user is surfing my webpage and i want my own custom cursor and not some ready available cursors from windows.

TQ

mnacotton
16 Apr 2008, 11:37 PM
When you enter some websites, your mouse cursor changes.
Example, from your default white arrow into an aeroplane or a mouse with a tail of words behind it.
How do i do so in HTML programming?

The mouse cursor will only change when the user is surfing my webpage and i want my own custom cursor and not some ready available cursors from windows.

TQ


First off, you have to create a valid cursor file (filename.cur) using a cursor creator or editor. Or just download one to use.

Then, within your CSS, you can enter this:

body{
cursor:url(path/to/cursor/filename.cur);
}

Keep in mind that this only works in Internet Explorer. You won't see the cursor in FireFox or any other type of browser.

-----------------------------------
Mike Cotton
http://www.internetdesigntips.com