rollover Text grösser und Farbe ändert

  • Hallo kann jemand mir bitte helfen

    ich möchte diese beiden Formeln zusammenfügen, so dass der Text beim rollover grösser wird und gleichzeitig die Farbe änder oder kennt vieleicht jemand eine einfachere Formel dafür?

    __________________________________________________

    <font face="Comic Sans MS" color ="#ffffff"
    onmouseover="this.style.color='#FDFD18'"
    onmouseout="this.style.color='#ffffff'"
    >Home</font>

    __________________________________________________


    <font face="Comic Sans MS"

    <head>
    <style type="text/css">
    div#EFFECTS
    { position: relative; height: 100px;}

    div#EFFECTS a
    { position: relative; top: 25px; color: #ffffff; font-size: 30px; line-height: 50px; text-decoration: none; }

    </style>
    <script type="text/javascript">
    var chars = "Home";

    function setUp( )
    { for ( var c = 0; c < chars.length; ++c )
    { var link = document.getElementById("CHAR"+c);
    link.onmouseover = function() { highlight(this); }
    link.onmouseout = normal; } }

    function highlight(target)
    { var idnum = parseInt(target.id.substring(4));
    for ( var c = 0; c < chars.length; ++c )
    { var link = document.getElementById("CHAR"+c);

    link.style.fontSize =
    c == idnum ? "50px" :
    ( c == idnum || c == idnum ) ? "30px" : "50px"; } }

    function normal()
    { for ( var c = 0; c < chars.length; ++c )
    { document.getElementById("CHAR"+c).style.fontSize="30px"; } }

    </script>
    </head>

    <body onload="setUp( )">
    <div id="EFFECTS">
    <script type="text/javascript">

    for ( var c = 0; c < chars.length; ++c )
    { var char = chars.charAt(c);
    document.write('<a href="doSomething.php?withCharacter='+char+'" id="CHAR'+c+'">'+char+'</a>'); }

    </script>
    <a href="#" onclick="return false;" style="font-size: 50px;">&nbsp; </a>
    </div>
    </b></td>
    </tr>
    </body>
    </font>
    ___________________________________________________

  • Mit diesen Formeln kenn ich mich nicht aus.
    Aber mit CSS lässt sich das recht einfach lösen, z.B. so:

    CSS:

    HTML:

    Code
    <a class="effekt" href="#">Text mit Vergrößerungserffekteffekt</a>
  • und vergiss bitte deine "formeln"
    die sind allesamt altbacken, vom html bis hin zum javascript.
    wenn dir sejumas weg nicht ausreicht (was ich bezweifle) dann meld dich nochmal und wir schauen mal, dass wir dir nen anständiges script bauen.