Link-rollover


Actually this link-rollover script is just a simple example showing how you may use Cascading Style Sheet to add some special effects to links. In this example the link color will change when the mouse pointer is over a link. To use it on your page, put the following code somewhere before the BODY tag.

<STYLE>
<!--
  A:hover { color:#00CCFF }
//-->
</STYLE>

You can of course change the color value as you like.


There are actually many other effects you may add. For example, you can remove the underline mark when the mouse pointer is over a link.

Example: Place the pointer over here!

You are recommended to visit the following pages for official documentations on CSS.

Still have questions? Check out DHTML Forum!


Return to Dynamic HTML Resource Center