RollOver bei Text

Arne Buchwald

Arne Buchwald

Erfahrenes Mitglied
Hallo,

ich suche eine Möglichkeit, besser gesagt Quellcode, mit dem ich einem Text einen RollOver-Effekt hinzufügen kann (furchtbare Gramatik ;)).
Die Hintergrundfarbe der beiden Button soll geändert werden.

Genau gesagt es um folgenden Code:
Code: 
<html>

	<head>
		<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
	</head>

	<body bgcolor="#ffffff">
		<table border="0" cellpadding="2" cellspacing="2">
			<tr height="22">
				<td width="15" height="22">&nbsp;</td>
				<td width="120" align="left" bgcolor="#a8aca8" height="22">
					<div align="left">
						<p class="item"><csltb width="60" height="23" align="left" xpos="0" content bgcolor="#cc0000" valign="top" csheight="23">Gemeinde&nbsp;Engeln</csltb></p>
					</div>
				</td>
				<td width="15" height="22">&nbsp;</td>
			</tr>
			<tr height="22">
				<td width="15" height="22">&nbsp;</td>
				<td width="120" align="left" bgcolor="#a8aca8" height="22">
					<div align="left">
						<p class="item"><csltb width="60" height="23" align="left" xpos="0" content bgcolor="#cc0000" valign="top" csheight="23">Jugendarbeit</csltb></p>
					</div>
				</td>
				<td width="15" height="22">&nbsp;</td>
			</tr>
			<tr height="22">
				<td width="15" height="22">&nbsp;</td>
				<td width="120" align="left" bgcolor="#a8aca8" height="22">
					<div align="left">
						<p></p>
					</div>
				</td>
				<td width="15" height="22">&nbsp;</td>
			</tr>
		</table>
	</body>

</html>

Danke,
 
Hallo,

ich habe mittlerweile selbst eine Lösung mittels JavaScript gefunden. Hoffentlich klappt das auch mit Netscape ....

Code: 
	<script language="javascript">

function zOver(zObj) 
{
   if (!zObj.contains(event.fromElement))
   {
      zObj.bgColor = "#FFFFFF";
   }
}
function zOut(zObj)
{
  if (!zObj.contains(event.toElement))
  {
      zObj.bgColor = "#000000";
  }
}

//-->
</script>
 
der einfachste weg ist dieser:

<TD BGCOLOR="#FFFFFF" ONMOUSEOVER="bgColor='#DFDFDF'" ONMOUSEOUT="bgColor='#FFFFFF'">
<ILAYER>
<LAYER BGCOLOR="#FFFFFF" top="1" ONMOUSEOVER="this.bgColor='#DFDFDF'" ONMOUSEOUT="this.bgColor='#FFFFFF'" WIDTH="180">
dein text oder link
</LAYER>
</ILAYER>
</TD>

das sollte crossbrowser sein (IE4+ NN4+ etc.)

c.ya.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück