» 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

Fullpage rollover effect for textlinks
This script creates a unique fullpage opacity rollover effect for textlinks. You may set each link to a different color-effect. Fast loading. Very easy configuration. Internet Explorer 5x/6x/7x/8x/9x, Firexfox 2x/3x, Opera 7x/8x/9x/10x/11x, Chrome 3x/4x/5x/6x/7x/8x/9x. Brought to you by www.fabulant.com


Test the script
Just move your mouse over this short link or put it
over this very long textlink to test the highlight effect.


Configuration

Step 1: Open your webpage. Insert the below code immediately above the </body> tag:



Step 2: Create your links, as shown below:
<span style="position:relative"><a href="http://www.yourlink.com" onMouseOver="showlines(this,'#FF0000')" onMouseOut="hidelines()">testlink</a></span>
green code: do not change the green code.
red code: the color of the expanding box.

Step 3: Go to the top of the script-code and configure padding-zone and transparency-effect.