Dynamic Drive DHTML code library!
Dynamicdrive.com


Home  What's new  What's Hot  Forum  FAQs  Submit a script!

.
reallybig network
Back to Network
Content Areas
reallybig.com
Web site

The largest directory of Web building resources on the internet!
BigNoseBird
FREE CGI scripts, tutorials, essential HTML tricks and much more!
Font Pool
More than 1000 truetype FONTS for PC & MAC!
Dynamic Drive
Add power to your site with free original, ultra cool DHTML scripts.
Features
Instant
Web Graphics

Quick and easy way to give your pages a nice, uniform look.
Cartoon Fonts
These are REALLY NICE, and look great anywhere.
The 216-Color Webmaster's Palette
See it for the first time.
Great Text Effects
Easy pop-ups & rollovers, all cut-n-paste, all very cool.
Internet Traffic
Report

Does your connection sometimes seem a little slow? Find out what conditions are like throughout the internet.
Sponsor Info
Click here if you would like to advertise on the reallybig.com network.
Link to Dynamic Drive!
Link to DD!

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

onMouseover Link Effects IE

Credits: Dynamic Drive
Thanks to Jim Delong for suggesting to us to add the "All-CAPS" option to the collection of effects.

Description: A CSS script that changes the appearance of  links in a document upon mouse over. A common example are the links on the frontpage of Microsoft's Homepage. Moving the mouse over some links causes them to change color.

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": <-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:


small4.gif (1046 bytes) Legend
All- Script works with Netscape 4+ AND Internet Explorer 4+
NS- Indicates script works with Netscape 4 and above
IE- Indicates script works with Internet Explorer 4 and above
IE5- Indicates script works with Internet Explorer 5 and above

Subscribe to our newsletter!
Want to be right here when new scripts are added? Subscribe to our FREE newsletter then!

Copyright © 1998, 1999 Dynamic Drive. Please read Terms Of Use here before using any of the scripts.

Virtualis web Hosting