kostenloser Webspace werbefrei: lima-city


html mous over bei slices

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    greenhorn

    Kostenloser Webspace von greenhorn, auf Homepage erstellen warten

    greenhorn hat kostenlosen Webspace.

    weiss jemad wie man auf slices einen mouse over macht


    mein slice ( platz definiert....

    <area shape="rect" coords="6,7,100,50" href="about" target="_self">
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. Wieso ? Ganz einfach mit dem Attribut OnMouseOver=""
    Und als Wert legst du ein JavaScript fest.

    Oder wo liegt das Problem:confused:
  4. mit css2, geht es normalerweise bei jedem Element:
    area:hover {color: #FFFFFF;}

    geht aber im IE nicht ...

    MfG apollo13
  5. Autor dieses Themas

    greenhorn

    Kostenloser Webspace von greenhorn, auf Homepage erstellen warten

    greenhorn hat kostenlosen Webspace.

    also

    das mouse over soll so funktionieren, dass wenn man auf den bereich wo der slice gerade ist drauff?hrt, soll sich da ein neues bild laden und wenn er weggeht wieder das alte......

    bsp


    <area shape="rect" coords="6,7,100,50" href="about" target="_self">

    wenn jemand auf diesen bereich 6,7,100,50 f?hrt
    ladet sich ein bildlein mit auf diesen bereic

    greenhorn
  6. Zuerst definierst du ein <img> mit den Attributen
    id="bild"
    style="position:absolute;left:100px;top:100px;display:none"

    Dann gibst du der <area> die Attribute
    OnMouseOver="document.getElementById('bild').style.display='inline'"
    OnMouseOut="document.getElementById('bild').style.display='none'"

    Ich hab's net testen k?nnen, sollte aber funzen.

    Beitrag ge?ndert am 30.12.2005 22:13 von bladehunter
  7. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!