Startseite  |  Kontakt  |  Seitenverzeichnis  |  Kürzlich aktualisierte Seiten  |  Datenschutz  |  AGB  |  Suchen  |  Impressum

Telefon: 07022 / 60 2005  |  E-Mail:
TYPO3-Beratung - CMS-Webseitenerstellung, Webdesign
  • Startseite
  • Referenzen
  • Blog
  • TYPO3 Stuttgart
  • Optimierung
  • TYPO3-Tipps
  • Kurse und Seminare
  •  

    Bildwechsel durch MouseOver

    Per CSS eine Grafik in einem HTML-IMG-Tag auszutauschen, ist derzeit nicht so einfach möglich. Daher müssen Sie auf HTML und JavaScript ausweichen.

    Folgende Anweisungen platzieren Sie im IMG-Tag Ihres HTML-Dokumentes:

     

    <img src="bild1.png"
    onMouseOver="this.src='bild2.png'"
    onMouseOut="this.src='bild1.png'"
    alt="" />

     

    Zudem stehen die Ereignisse onClick, onDblClick, onKeyDown, onKeyPress,
    onKeyUp, onMouseDown, onMouseMove, onMouseUp
    zur Verfügung.

    Rückgesetzt können die Mausklickereignisse z.B. per onMouseOut.

    Beispiel für den Maustest

    Korrektes HTML und valides CSS

     

    Wandernde Verweise

    Eine andere Möglichkeit beschreibt folgende Webseite, die den Verweis bei Mausberührung scrollen lässt. Dazu ist neben CSS auch JavaScript nötig:


    Themen: TYPO3-Web-Design, TYPO3-Optimierung, CMS-Homepages gestalten, TYPO3-Internetseiten erstellen, Website-Programmierung, Bildwechsel durch MouseOver.

    [ • Startseite ]   [ ⇐ Zurück ]   [ Π Drucken ]   [ ⇑ Nach oben ]  

     

    Startseite  |  Kontakt  |  Seitenverzeichnis  |  Kürzlich aktualisierte Seiten  |  Datenschutz  |  AGB  |  Suchen  |  Impressum
    Letzte Änderung: Dienstag, 27.11.2007
    Flag Counter