Webdesign nach Maß von webdesign weisshart
Das Logo ist auch Link zur Startseite
(... außer auf der Startseite selbst.)
Es ist inzwischen allgemein bekannt, dass Nutzer den Link zur Startseite auf dem Firmenlogo erwarten.
Für gewöhnlich also links oben auf der Seite.
Natürlich wäre es hübsch, wenn dies irgendwie signalisiert wird.
Am besten nur, solange die Maus oder der Tastaturfokus auf dem Logo liegt.
Das folgende Filmchen zeigt, wie hier der Link kenntlich gemacht wird. Zuerst beim Überfahren des Logos mit der Maus, anschließend beim Durchtabben. Dabei geht es nicht um schönes Design, sondern um die Funktion.
Videobeschreibung: Der Buchstabe W im Logo von webdesign weisshart ändert sich in ein Haussymbol, wenn das Logo den Maus- oder Tastaturfokus erhält.
Der Code
Erzeugt wird dieser Effekt mittels Javascript. Erklärung Javascript Bildwechsel
<a href ="./"
onmouseover="this.firstChild.src='images/wdw_189_50_home.gif';"
onmouseout="this.firstChild.src='images/wdw_189_50.gif';"
onfocus="onmouseover();"
onblur="onmouseout();" >
<img src="/images/wdw_189_50.gif"
alt="zur Startseite von webdesign weisshaart"
width="189" height="50" />
</a>
Die Technik funktioniert in allen aktuellen Browsern, ja sogar im IE6.
Anmerkung:
Schlechter Stil wäre es, den Nutzer auch auf der Startseite zurück zur Startseite zu schicken.
Anmerkung 2:
Der vorgestellte Effekt lässt sich nicht nur mit Javascript, sondern auch mit CSS realisieren. Vermutlich wäre CSS sogar die elegantere Variante.
Zu diesem Artikel gibt es leider noch keine Kommentare.
Einen Kommentar zu diesem Artikel schreiben:
Über Ihren Kommentar oder Ihre Frage zu diesem Artikel freue ich mich. Ich behalte mir jedoch vor, Einträge wider die guten Sitten, unsinnige Einträge, oder Spam kommentarlos zu entfernen.