Dynamic Drive DHTML code library!

spacer.gif (807 bytes)


Search DD
Recommend DD
Help Forums New
DHTML books

Featured Script
Rollover buttons 

Turn regular form buttons into rollover menus with this script!


Free JavaScripts

Link to DD

Do you use scripts from Dynamic Drive? Please give something back by linking to us...
spacer.gif (807 bytes)

Home Small4.gif (1046 bytes) Links and buttons Small4.gif (1046 bytes) Here

onMouseover Link Effects IE

Credits: Dynamic Drive

Description: A CSS script that changes the appearance of  links in a document upon mouse over.

Demo: The below is a link effect "wizard" that will allow you to easily sample and generate a variety of link effects according to your criteria. Simply pick the effects you want, click "done", and the effect will instantly be applied to all links on this page. When you've found one you'd like to use, click "I want this code", and copy the generated code from the form box.

I want my links to:
Change Color: <-Enter color
Turn bold:
Turn italic:
Be underlined:
All Caps:
Change size: <-Enter size (px or %)
Be "highlighted" (bgcolor): <-Enter highlight color
when the mouse rolls over them.

Sample Link

(Also move your mouse over the other links on this page)

Directions: Simply paste the below code into the <head> section of your page. Remember that ALL links on the page will be affected by it:

Recommend Us!
-If you like Dynamic Drive, please recommend us to a friend...

All- Script works with Netscape 4 AND Internet Explorer 4+
NS- Indicates script works with Netscape 4 (NOT NS 6 yet)
IE- Indicates script works with Internet Explorer 4 and above
NS6!- Temporary index set up on script category pages to indicate script works in NS6

Copyright 1998-2004 Dynamic Drive. Please read Terms Of Use here before using any of the scripts.
Partners: JavaScript Tutorials | JavaScript Reference