sven: Dynamische buttons

Beitrag lesen

SELF-Forum

Dynamische buttons

sven
– Informationen zu den Bewertungsregeln

hallo lieber jonathan,
ich freue mich, dir helfen zu koennen.
den gewuenschten effekt erreichst du mit css und java script.
hier der quelltext. (erklaerung weiter unten, also bitte die ganze seite lesen)

*** Beginn ***

Bitte das Script nach eigenen wünschen anpassen!

<!-- diesen teil bitte in den <head></head> kopieren! -->
<script language="JavaScript">
var isIE4 = false;function CheckBrowser()
{
if (navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion.charAt(0) >= 4)
{ isIE4 = true;
}
}
function mOvr(src,clrOver)
{ if (!src.contains(event.fromElement))
{
src.style.cursor = 'hand'; src.bgColor = clrOver;
}
}function mOut(src,clrIn)
{ if (!src.contains(event.toElement))
{ src.style.cursor = 'default'; src.bgColor = clrIn;
}
}
</script>
<!-- ende kopfbereich -->

<!-- beginn tabellenzellen hover effect (mouseover) bitte den teil in den body bereich kopieren (ist eine fertige tabelle)-->

<table border="0" cellpadding="4" cellspacing="0" width="86%" height="250">
                    <tr>
                      <td width="100%" height="21"></td>
                    </tr>
                    <tr>
                      <td width="100%" onMouseOver="mOvr(this,'#cccccc');" onMouseOut="mOut(this,'#ffffff');" height="21"><a href="index.htm">Zurück nach Home</a></td>
                    </tr>
                    <tr>
                      <td width="100%" onMouseOut="mOut(this,'#ffffff');" onMouseOver="mOvr(this,'#cccccc');" height="21"><a href="uebermich.php">&Uuml;ber mich</a></td>
                    </tr>
                  </table>

<!-- ende hover nav -->

*** Ende ***

wenn du beim hovern die hintergrundfarbe der zellen veraendern möchtest, dann definiere bitte

onMouseOut="mOut(this,'#ffffff');" onMouseOver="mOvr(this,'#cccccc');"

in diesem teil(!) die farben neu.
die links kannst du ganz normal beim mausover mit css formatieren und im head bereich wie gehabt einbinden.

um das script weiterzufuehren, brauchst du nur das script in den zellem beliebig oft wiederholen.

mfg
sven

Beitrag melden
–
Informationen zu den Bewertungsregeln