DHTML script
 

SimplytheBest
Scripts

ASP scripts
PERL scripts
PHP scripts
JavaScripts & Ajax
Snippets
Online scripts

Ajax, DHTML
& JavaScripts

Animation
Background
Bookmarks
Buttons
Calculators
Cookies
Data handling
E-mail
Enhancements
Forms
Image rotation
Menus
Messages
Miscellaneous
Music
Password protection
Redirection
Scrollers
Tables
Time & date
Windows

Publishers
Add script
Account login
Publisher list



 

Home > Scripts > DHTML scripts & JavaScripts > Enhancements > Bullet on mouseover

 

Bullet on mouseover script

AUTHOR: Manfred Renner
TYPE: Freeware
BROWSERS:
IE 4+, IE 5+, IE 6+, NS 4+, NS 6.1+

With this script you can display an image (a small arrow in this example) before the link on mouse over.


EXAMPLE

SimplytheBest Information Library

3D graphics
Anti-virus
ASP
CGI scripts
ColdFusion
Databases
Device Drivers
DHTML Scripts & Javascripts
MySQL
PERL
Spyware
Visual Basic
and more...


1) Insert this script in the <HEAD> section of the page.

then copy (CTRL-C) & paste (CTRL-V)

2) Insert the following HTML code in the <BODY> section where you want the hot links to appear in the page.

then copy (CTRL-C) & paste (CTRL-V)

3) Define the path to the images in this section of the script:

IMG01 = "images/on.gif"
IMG02 = "images/off.gif"
// Note this is an invisible GIF

and in this section of the HTML code:

<IMG NAME="IMG01" SRC="images/off.gif" width=10 height=10 BORDER=0> 
<a HREF="http://simplythebest.net/scripts/" onMouseOver="imgover(IMG01)" onMouseOut="imgout(IMG01)">CGI scripts</a><br>

4) Assign a different IMG number to each link:

<IMG NAME="IMG01" SRC="images/off.gif" width=10 height=10 BORDER=0> 
<a HREF="http://simplythebest.net/scripts/" onMouseOver="imgover(IMG01)" onMouseOut="imgout(IMG01)">CGI scripts</a>
<br>
<IMG NAME="IMG02" SRC="images/off.gif" width=10 height=10 BORDER=0> 
<a HREF="http://simplythebest.net/scripts/categories.php?cid=3" onMouseOver="imgover(IMG02)" onMouseOut="imgout(IMG02)">PHP scripts</a>
<br>
<IMG NAME="IMG03" SRC="images/off.gif" width=10 height=10 BORDER=0> 
<a HREF="http://simplythebest.net/scripts/categories.php?cid=4" onMouseOver="imgover(IMG03)" onMouseOut="imgout(IMG03)">DHTML Scripts & Javascripts</a>
<br>

You can download this ZIP file with our on/off mages to help you with the script. Unzip it into the appropriate directory.


[BACK] [TOP]

 


Copyright © 1997-2009 SimplytheBest Inc. Terms of Use and Legal Disclaimer.
All copyrights are acknowledged. All rights reserved.