Meine erste Idee wäre, einfach 2 MouseOver-Scripts zu kombinieren. Sollte ja nicht das Riesenproblem sein.
Die andere Möglichkeit ist die folgende:
Tja, dann kommt hier mal ne Code-Bombe:
<html>
<head>
<style type="text/css"> <!-- #blocksatz {text-align: justify } A:link {text-decoration: none} A:visited {text-decoration: none} A:active {text-decoration: none} --> </style>
<title>con.firm</title>
</head>
<script language="javascript">
<!--
var loaded="0";
var version="0";
bName = navigator.appName;
bVer = parseInt(navigator.appVersion);
if (bName == "Netscape" && bVer >= 3) version = "n3";
else if (bName == "Netscape" && bVer == 2) version = "n2";
else if (bName == "Microsoft Internet Explorer" && bVer >= 4) version = "e4";
if (version == "n3" || version == "e4")
{
pointer_on = new Image(20,15);
pointer_on.src = "grafix/menu/pointer_on.gif";
pointer_off = new Image(20,15);
pointer_off.src = "grafix/menu/pointer_off.gif";
}
function showstatus()
{
self.status=(message2)
}
function statusbar(message)
{
message2=message
setTimeout('showstatus()',100)
}
function PointOn(imgName)
{
if (version == "n3" || version == "e4")
{
document [imgName].src = pointer_on.src;
imgName2=imgName
timerID1=setTimeout('PointOff(imgName2)',10000)
}
}
function PointOff(imgName)
{
if (version == "n3" || version == "e4")
{
document [imgName].src = pointer_off.src;
clearTimeout(timerID1)
}
}
if (version == "n3" || version == "e4")
{
blank_on = new Image(120,100);
blank_on.src="grafix/menu/blank.gif";
home_on = new Image(120,100);
home_on.src="grafix/menu/home_on.gif";
webdesign_on = new Image(120,100);
webdesign_on.src="grafix/menu/webdesign_on.gif";
webspace_on = new Image(120,100);
webspace_on.src="grafix/menu/webspace_on.gif";
referenzen_on = new Image(120,100);
referenzen_on.src="grafix/menu/referenzen_on.gif";
kontakt_on = new Image(120,100);
kontakt_on.src="grafix/menu/kontakt_on.gif";
info_on = new Image(120,100);
info_on.src="grafix/menu/info_on.gif";
preise_on = new Image(120,100);
preise_on.src="grafix/menu/preise_on.gif";
multistat_on = new Image(120,100);
multistat_on.src="grafix/menu/multistat_on.gif";
}
function InfoTogl(iname)
{
if (version == "n3" || version == "e4" && loaded == 1)
{
parent.frames['info'].document.info.src=eval(iname+"_on.src");
}
}
//-->
</script>
<script language="javascript">
<!--
document.write("<img src='http://confirm.dcsi.de/cgi-bin/multistat-25.pl?account=confirm&seitenname=menu&refer=" + top.document.referrer + "\' width=1 height=1>");
//-->
</script>
<body onload="loaded = 1;" bgcolor="#FFFFFF" link="#0000AA" vlink="#606060" alink="#0000FF" text="#000000">
<a href="return2main.html" target="top"
onmouseover="InfoTogl('home'); statusbar('Home');return true"
onmouseout="InfoTogl('blank'); statusbar('');return true">
<img src="grafix/menu/confirm_logo.gif" width=120 height=19 border=0><br clear=all></a>
<br>
<table border="0" cellspacing="0" cellpadding="0" width="120">
<tr>
<td width="20" height="15">
<img src="grafix/menu/pointer_off.gif" name="point1" width="20" height="15"><br></td>
<td>
<a href="webdesign.html" target="top"
onmouseover="PointOn('point1'); InfoTogl('webdesign'); statusbar('WebDesign');return true"
onmouseout="PointOff('point1'); InfoTogl('blank'); statusbar('');return true">
<img src="grafix/menu/webdesign.gif" border="0" width="100" height="15"></a><br>
</td>
</tr>
<tr>
<td width="20" height="15">
<img src="grafix/menu/pointer_off.gif" name="point2" width="20" height="15"><br></td>
<td>
<a href="webspace.html" target="top"
onmouseover="PointOn('point2'); InfoTogl('webspace'); statusbar('WebSpace');return true"
onmouseout="PointOff('point2'); InfoTogl('blank'); statusbar('');return true">
<img src="grafix/menu/webspace.gif" border="0" width="100" height="15"></a><br>
</td>
</tr>
<tr>
<td width="20" height="15">
<img src="grafix/menu/pointer_off.gif" name="point3" width="20" height="15"><br></td>
<td>
<a href="referenzen.html" target="top"
onmouseover="PointOn('point3'); InfoTogl('referenzen'); statusbar('Referenzen');return true"
onmouseout="PointOff('point3'); InfoTogl('blank'); statusbar('');return true">
<img src="grafix/menu/referenzen.gif" border="0" width="100" height="15"></a><br>
</td>
</tr>
<tr>
<td width="20" height="15">
<img src="grafix/menu/pointer_off.gif" name="point4" width="20" height="15"><br></td>
<td>
<a href="kontakt.html" target="top"
onmouseover="PointOn('point4'); InfoTogl('kontakt'); statusbar('Kontakt');return true"
onmouseout="PointOff('point4'); InfoTogl('blank'); statusbar('');return true">
<img src="grafix/menu/kontakt.gif" border="0" width="100" height="15"></a><br>
</td>
</tr>
<tr>
<td width="20" height="15">
<img src="grafix/menu/pointer_off.gif" name="point5" width="20" height="15"><br></td>
<td>
<a href="info.html" target="top"
onmouseover="PointOn('point5'); InfoTogl('info'); statusbar('Info');return true"
onmouseout="PointOff('point5'); InfoTogl('blank'); statusbar('');return true">
<img src="grafix/menu/info.gif" border="0" width="100" height="15"></a><br>
</td>
</tr>
<tr>
<td width="20" height="15">
<img src="grafix/menu/pointer_off.gif" name="point6" width="20" height="15"><br></td>
<td>
<a href="preise.html" target="top"
onmouseover="PointOn('point6'); InfoTogl('preise'); statusbar('Preise');return true"
onmouseout="PointOff('point6'); InfoTogl('blank'); statusbar('');return true">
<img src="grafix/menu/preise.gif" border="0" width="100" height="15"></a><br>
</td>
</tr>
<tr>
<td width="20" height="15">
<img src="grafix/menu/pointer_off.gif" name="point7" width="20" height="15"><br></td>
<td>
<a href="multistat.html" target="top"
onmouseover="PointOn('point7'); InfoTogl('multistat'); statusbar('multistat');return true"
onmouseout="PointOff('point7'); InfoTogl('blank'); statusbar('');return true">
<img src="grafix/menu/multistat.gif" border="0" width="100" height="15"></a><br>
</td>
</tr>
</table>
</body>
</html>
das ganz live siehst Du bei
http://confirm.dcsi.de (meine erste Homepage, habt Nachsicht. Und: Das ist KEIN Sitecheck
)
