Einfache Mouse-Over info Texte anzeigen
Den meisten HTML-Objekten kann man mit Hilfe des title-attributes
zusätzlich Eigenschaften zuweisen,
und so für die Besucher hilfreiche Textinformation bei einem Mouse-Over anzeigen.
wie zum Beispiel, hier bei dem Button-Objekt:
(Achtung, wieder gibt es hier Browserkompatibilitätsprobleme ...
Der Google-Chrome zeigt den Mouse-Over vom Title Text-Attribut nicht an
der Internet-Exporer und Mozilla-FireFox ist brav, und zeigt den Title vom Button-Objekt an...)
oder besser HTML5 conform:
Hier der Button HTML-Code mit dem Infotext im Title-Attribut:
<input type="button" title="Aha ... daher weht also der Wind!" value="Button type mit mouse-over info">
oder besser HTML5 conform:
<button title="wie man in den wald ruft so schallt es heraus">HTML 5 button </button>
<
JQuery Mouse-Over Texte und Bilder anzeigen
Die JavaScript Libary JQUery bietet zum Glück einfache alternativen zum mouse-over info an. Es gibt sehr viele Script-Möglichkeiten und Kombinationen die man individuall auf seine eigenen Applikation anpassen kann. hir zum Beispiel man
| xxxs |