A 'mouseover' effect can be done with CSS (ie no javascript).
Works with text links and image links.
Add to the
style.css in templates folder:
div#info a span {
display: none;
text-decoration : none;
}
div#info a:hover span {
display: block;
position: absolute;
width: 125px;
right: 0px;
padding: 5px;
margin: -75px 50px;
z-index: 100;
color: Black;
background: White;
font: 10px;
font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
text-align: center;
text-decoration : none;
}
Play around and change the styles to suit your needs.
Use in links as in following example:
<div id="info">
<a href="./index.php>Index Page<span>Put here what you want to display in the pop up</span></a>
</div>
All this (and more) found at
http://www.meyerweb.com/eric/css/edge/popups/demo.html to whom all the credit should go!