Mouseover, mouseout in css?

Dieses Thema im Forum "Webentwicklung" wurde erstellt von Adasz, 17. April 2008 .

Schlagworte:
  1. 17. April 2008
    hallo ich hab nen problem, ich will für meine navi nen mouse over effekt machen aber in css.
    wie mache ich das genau? und bitte jetzt nicht ankommen mit Google ist dein Freund hab da schon was gefunden z.b.

    in der *.html
    Code:
    <a href="blub.html" class="blub" ><span></span></a>
    <a href="blab.html" class="blab" ><span></span></a>
    
    in der *.css

    Code:
    .blub span, .blab span
    {
     display: none;
    }
    
    .blub:link, .blub:visited,
    .blab:link, .blab:visited
    {
     display: block;
     width: 119px;
     height: 19px;
    }
    
    .blub:link, .blub:visited
    {
     background:url(../blub.gif)
    }
    
    .blub:hover, .blub:active, .blub:focus
    {
     background-image: url(../blub2.gif);
    }
    
    .blab:link, .blab:visited
    {
    
     background: url(../blab.gif);
    }
    
    .blab:hover, .blab:active, .blab:focus
    {
     background-image: url(../blab2.gif);
    }
    
    
    aber wie mache ich es jetzt das wenn ich auf der seite bin z.b. blub2 ist auch wenn ich net mit der maus drüber bin ?
     
  2. 17. April 2008
    AW: Mouseover, mouseout in css?

    einfach noch ne klasse "active" anlegen und dann
    .blub:hover, .blub:active, .blub:focus
    ersetzen mit
    .blub:hover, .blub:active, .blub:focus, active
     
  3. 17. April 2008
    AW: Mouseover, mouseout in css?

    könntest du mir vllt den code schreiben wie er aussehen soll ? wiel ich verstehe nciht wie du es meinst
     
  4. 17. April 2008
    AW: Mouseover, mouseout in css?

    wenn du css könntest würdest du das verstehen
    copy&paste ist nicht alles...
    CSS 4 You - The Finest in Stylesheets
     
  5. 19. April 2008
    AW: Mouseover, mouseout in css?

    So cheffe, die obrigen antworten waren ja eher mittelmässig hilfreich.

    Zur theorie :

    1.) Die hast deine CSS Datei und definierst lustig klassen, wie jeder andere der CSS benutzt und frustriert in die tischkante beißt weil das format auch einfacher sein kann.

    In dieser definierst du zwei klassen, z.b:


    Damit das ganze dann ein wenig dynamischer wird musst du dem element ein "onmouseover" verpassen... das würde circa so aussehen ...
    Aber ich hab das hier nur grob beschrieben, nicht jedes HTML Tag kann ein ONMOUSEOVER event haben^^

    PS , ich hab den Code nicht getestet,aber es ist der richtige weg.
     
  6. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.