Javascript / OnMouseover / Menu onmouseOver
This neat little script will show a tooltip next to the link. it can have images in it as well.
Browsers: IE4 & NS4.x and NS6+, Opera
Browsers: IE4 & NS4.x and NS6+, Opera
General Details
Snippet uploaded by: snippet
Email : webmaster@snippetlibrary.com
Snippet By: snippet
<!---Head--->
<STYLE>
.EVNTcls {visibility:hidden;position:absolute;top:100;left:250;font-size:20px}
</STYLE>
<SCRIPT language="JavaScript">
<!--
var ACTIVElist=false;
// browser detection using DOM detection:
if (document.getElementById)
{
var LoLev=false;
var HiLev=true;
var IE5=(document.all) ? true : false;
var NS6=(!document.all) ? true : false;
}
else
{
var HiLev=false;
var LoLev=true;
var IE4=(document.all) ? true : false;
var NS4=(document.layers) ? true : false;
}
function ShowBlock(EL)
{
if (NS4)
{
ACTIVElist=document.layers[EL];
}
else
{
if (IE4)
{
ACTIVElist=document.all[EL].style;
}
else
{
if (HiLev)
{
ACTIVElist=document.getElementById(EL).style;
}
}
}
ACTIVElist.visibility="visible";
}
//-->
</SCRIPT>
<!---Body--->
<DIV ID="linklst" STYLE=position:absolute;left:40;top:100">
<A HREF="#" onMouseOver="ShowBlock('id1')"
onMouseOut="ACTIVElist.visibility='hidden'"> link 1
</A><BR><BR>
<A HREF="#" onMouseOver="ShowBlock('id2')"
onMouseOut="ACTIVElist.visibility='hidden'"> link 2
</A><BR><BR>
<A HREF="#" onMouseOver="ShowBlock('id3')"
onMouseOut="ACTIVElist.visibility='hidden'"> link 3
</A><BR><BR>
<A HREF="#" onMouseOver="ShowBlock('id4')"
onMouseOut="ACTIVElist.visibility='hidden'"> link 4
</A><BR><BR>
</DIV>
<DIV ID="id1" CLASS="EVNTcls"
STYLE="position:absolute;">
HORREN<BR>
soem text in June<BR>
time to print this<BR>
script<br>
to your hard drive
</DIV>
<!-- each list in in its own layer with only one visibile at a time
-->
<DIV ID="id2" CLASS="EVNTcls"
STYLE="position:absolute;left:250;top:100">
WEBDESIGN<BR>
for your Website<BR><BR><img src="images/fuzzy.gif" width="88" height="31" alt=""><br>
some text 189,--
</DIV>
<DIV ID="id3" CLASS="EVNTcls"
STYLE="position:absolute;left:250;top:100">
JULY 17TH EVENTS<BR>
1st event for July 17<BR>also can have images<BR>
<img src="images/fuzzy.gif" width="75" height="50" alt=""><BR> :x)<BR> :=)<BR></DIV>
<DIV ID="id4" CLASS="EVNTcls"
STYLE="position:absolute;left:250;top:100">
JULY 18TH EVENTS<BR>
1st event for July 18<BR>another event for July 18th<BR>etc
</DIV>
No Reviews to show
