Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 17

Thema: Buttons

  1. #1
    ugluk
    Gast

    Standard Buttons

    Hallo!!!
    ich hätte eine wichtige Frage für meine Homepage.

    Auf der linken Seite meiner Homepage habe ich Buttons eingefügt. Wenn man auf solch einen Button klickt erscheint die bestimmte Seite im rechten Fenster. Nun will ich aber, dass dieser Button die Farbe ändert wenn man mit der Maus darüber fährt. Wie macht man das ????

    Ich würde mich sehr über Antworten freuen.

    Gruß
    ugluk
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Teeny
    Registriert seit
    05.02.2005
    Beiträge
    48
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    soweit ich weiß, mit mouse.over.
    mom, ich glaub ich kenn da was...

  3. #3
    Teeny
    Registriert seit
    05.02.2005
    Beiträge
    48
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    also ich kenn folgendes:
    nur zur info: da kannst auch noch ein andere pic machen, wenn man klickt und so.

    Code:
    <html>
    <head>
    <title></title>
    
    <link rel="stylesheet" type="text/css" href="../format_mouseover.css" >
    
    <style type="text/css">
    <!--
    body
    &#123;margin-top&#58; 10px; margin-left&#58; 10px; margin-right&#58; 20px;
     color&#58;#cccccc ; background-color&#58;black; font-family&#58; verdana; font-size&#58; 10pt;  &#125;
    
    -->
    </style>
    
    <script language="JavaScript">
    <!-- Verstecken für ältere Browser
    
    
    if &#40;navigator.appVersion.indexOf&#40;"2."&#41; != -1&#41;&#123;
            check = false;
            &#125;
    if &#40;&#40;navigator.appVersion.indexOf&#40;"3."&#41; != -1&#41; && &#40;navigator.appName.indexOf&#40;"Explorer"&#41; != -1&#41;&#41;&#123;
            check = false;
            &#125;
    else &#123;
            check = true;
            &#125;
    if &#40;check == true&#41;&#123;
            image1 = new Image&#40;&#41;;
            image1.src = "home1.gif";
            image1on = new Image&#40;&#41;;
            image1on.src = "home2.gif";
            image1stay = new Image&#40;&#41;;
            image1stay.src = "home2.gif";
    
            image2 = new Image&#40;&#41;;
            image2.src = "guest1.gif";
            image2on = new Image&#40;&#41;;
            image2on.src = "guest2.gif";
            image2stay = new Image&#40;&#41;;
            image2stay.src = "guest2.gif";
    
              image3 = new Image&#40;&#41;;
            image3.src = "email1.gif";
            image3on = new Image&#40;&#41;;
            image3on.src = "email2.gif";
            image3stay = new Image&#40;&#41;;
            image3stay.src = "email2.gif";
    &#125;
    
    imageStay = ""
    
    function imageon&#40;name&#41;&#123;
            if &#40;imageStay != name&#41;&#123;
                    document&#91;name&#93;.src = eval&#40;name + "on.src"&#41;;
            &#125;
    &#125;
    function imageoff&#40;name&#41;&#123;
            if &#40;imageStay != name&#41;&#123;
                    document&#91;name&#93;.src = eval&#40;name + ".src"&#41;;
            &#125;
    &#125;
    
    function on&#40;name&#41;&#123;
            if &#40;check == true&#41;&#123;
            imageon&#40;name&#41;;
            &#125;
    &#125;
    function off&#40;name&#41;&#123;
            if &#40;check == true&#41;&#123;
            imageoff&#40;name&#41;;
            &#125;
    &#125;
    
    function stay&#40;name&#41;&#123;
            if &#40;check == true&#41;&#123;
            document&#91;name&#93;.src = eval&#40;name + "stay.src"&#41;;
            if &#40;imageStay != name&#41;&#123;
                    if &#40;imageStay != ""&#41;&#123;
                            document&#91;imageStay&#93;.src = eval&#40;imageStay + ".src"&#41;;
                    &#125;
            &#125;
            imageStay = name
            &#125;
    &#125;
    // -->
    </script>
    
    
    </head>
    <body >
    
    
    
    
    
    
    [img]home1.gif[/img] 
    
    [img]guest1.gif[/img] 
    
    
    [img]email1.gif[/img] 
    
    
    
    </body>
    </html>

  4. #4
    Teeny
    Registriert seit
    05.02.2005
    Beiträge
    48
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

  5. #5
    Gast

    Standard

    also ehrlich gesagt blick ich da gar nicht durch........

  6. #6
    ugluk
    Gast

    Standard

    also ich verstehe es auch nicht ganz. Wenn ich das so mache zeigt es bei mir an, dass ein Syntaxfehler vorliegt.....

  7. #7
    Teeny
    Registriert seit
    05.02.2005
    Beiträge
    48
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    das obere ist ne komplette seite.
    also bei mir funt das immer so..

  8. #8
    ugluk
    Gast

    Standard

    was hat es eigentlich mit dem auf sich ????

    image1 = new Image();
    image1.src = "home1.gif";
    image1on = new Image();
    image1on.src = "home2.gif";
    image1stay = new Image();
    image1stay.src = "home2.gif";

    image2 = new Image();
    image2.src = "guest1.gif";
    image2on = new Image();
    image2on.src = "guest2.gif";
    image2stay = new Image();
    image2stay.src = "guest2.gif";

    image3 = new Image();
    image3.src = "email1.gif";
    image3on = new Image();
    image3on.src = "email2.gif";
    image3stay = new Image();
    image3stay.src = "email2.gif";

  9. #9
    Teeny
    Registriert seit
    05.02.2005
    Beiträge
    48
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    so, hier mal schnell ein bsp.
    achte nicht auf die "schönheit", sondern nur darauf, was passiert wenn du mit der maus über die liks fähst.
    sind aber alles tote links, nur zur info ^^
    Angehängte Dateien Angehängte Dateien

  10. #10
    Teeny
    Registriert seit
    05.02.2005
    Beiträge
    48
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    was hat es eigentlich mit dem auf sich ????

    image1 = new Image();
    image1.src = "home1.gif";
    image1on = new Image();
    image1on.src = "home2.gif";
    image1stay = new Image();
    image1stay.src = "home2.gif";

    image2 = new Image();
    image2.src = "guest1.gif";
    image2on = new Image();
    image2on.src = "guest2.gif";
    image2stay = new Image();
    image2stay.src = "guest2.gif";

    image3 = new Image();
    image3.src = "email1.gif";
    image3on = new Image();
    image3on.src = "email2.gif";
    image3stay = new Image();
    image3stay.src = "email2.gif";
    das sind die bilder.
    schaus dir im bsp an, ich hoffe du kennst dich aus ^^
    also normal ist es zb home1.gif.
    bei mouse.over wird es dan home2.gif.

Ähnliche Themen

  1. Buttons
    Von Annalenachen im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 24
    Letzter Beitrag: 11.05.2007, 14:53
  2. Buttons
    Von christe90 im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 10.04.2007, 19:09
  3. buttons/ton
    Von claudia im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 06.09.2005, 19:49
  4. Buttons
    Von mörchen im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 21.04.2005, 13:10
  5. Buttons
    Von Diva7384 im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 15.07.2004, 16:49

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •