» home
» contact
» terms of use

FREE SCRIPTS
» new
» text
» image
» utility
» background
» animation
» date/time

FREE ONLINE TOOLS
» code generators
» text animator
» drawing animator
» color animator
» slideshow factory
» javascript speed test

FREE BASIC SNIPLETS
» alert box
» image: multi-rollover
» pop-up: centering
» more

FREE'N'CRAZY
» realtime death counter
» eyeQ
» fun ticker

RECOMMENDED LINKS
» www.dynamicdrive.com
» www.hotscripts.com

Link-Highlighter by swapping background-color
Just paste a short piece of code into your link-tags in order to create an eyecatching link-highlighter-effect. The script will change the background-color onMouseOver and restore the original color onMouseOut. Best of all: no separate JavaScript-block is needed! You may add a different background-color for each textlink. Crossbrowser: Internet Explorer 5x/6x/7x/8x, Firefox 2x/3x/4x, Opera 7x/8x/9x/10x, Google Chrome 3x/4x


Demo
Click here to test the script.



Configuration

Step 1: Copy the red part below into any textlink:
<a href="Any_URL" onMouseOver="document.bgColor='red'" onMouseOut="document.bgColor='white'">


Step 2: In order to get a background-color of your choice just replace the color red below with your color. In order to return to your original background-color just replace the color white below with your original background-color.
<a href="Any_URL" onMouseOver="document.bgColor='red'" onMouseOut="document.bgColor='white'">