<div>
Read this: <a href="http://www.javascriptkit.com/dhtmltutors/csscursors.shtml" rel="ugc">http://www.javascriptkit.com/dhtmltutors/csscursors.shtml</a><br />
<br />
It explains the changing of the cursor with javascript. You can trigger it with on an onClick event.
</div>


Read this: http://www.javascriptkit.com/dhtmltutors/csscursors.shtml [http://www.javascriptkit.com/dhtmltutors/csscursors.shtml]

It explains the changing of the cursor with javascript. You can trigger it with on an onClick event.

<div>
This article on dynamicdrive shows you how to create a custom cursor:<br />
<br />
<a href="http://www.dynamicdrive.com/dynamicindex11/customcursor.htm" rel="ugc">http://www.dynamicdrive.com/dynamicindex11/customcursor.htm</a><br />
<br />
But like what sundaramkumar has posted, it can be phone:<br />
<br />
body{ cursor:url(&quot;yourimage.cur&quot;<wbr />); } <br />
<br />
to appear over other elements such as a paragraph; in this case you would have the line as such p { cursor: url(&quot;yourimage.cur&quot;); };<br />
<br />
Remember, the image that you use for the cursor must be either a .cur or .ani format. If you can't make your own custon cursor, I recommend Debi's Cursors (<a href="http://www.debidawn.com/cursors.htm" rel="ugc">http://www.debidawn.com/cursors.htm</a>) where you can can find a large selection of free custom cursors as well...<br />
<br />
ellandrd
</div>


This article on dynamicdrive shows you how to create a custom cursor:

http://www.dynamicdrive.com/dynamicindex11/customcursor.htm [http://www.dynamicdrive.com/dynamicindex11/customcursor.htm]

But like what sundaramkumar has posted, it can be phone:

body{ cursor:url("yourimage.cur"); }

to appear over other elements such as a paragraph; in this case you would have the line as such p { cursor: url("yourimage.cur"); };

Remember, the image that you use for the cursor must be either a .cur or .ani format. If you can't make your own custon cursor, I recommend Debi's Cursors (http://www.debidawn.com/cursors.htm [http://www.debidawn.com/cursors.htm]) where you can can find a large selection of free custom cursors as well...

ellandrd

<div>
<div class="content wysiwyg-content">
Hi,<br />
I was wondering how I can set a cursor image to change whe someone clicks on a link or button.<br />
An example is:<br />
My cursor is a tomato<br />
When I click a link, the tomato squashes.<br />
<br />
Is this possible and how? If not is is possible to have a different image during loading of a page?<br />
<br />
Thanks.
</div>
</div>


Hi,
I was wondering how I can set a cursor image to change whe someone clicks on a link or button.
An example is:
My cursor is a tomato
When I click a link, the tomato squashes.

Is this possible and how? If not is is possible to have a different image during loading of a page?

Thanks.

Cursor image: Use a different image &quot;on click&quot; or &quot;loading&quot;

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.

Cursor image: Use a different image &quot;on click&quot; or &quot;loading&quot;

Cursor image: Use a different image "on click" or "loading"