Reiter-Navigation für Hosting US

Reiter-Navigation für Hosting US

Mit Einführung des neuen 1&1 MailXchange bei Hosting US werden dessen neue Features in unterschiedlichen Boxen beworben. Diese Boxen können über eine Reiter-Navigation ein- bzw. ausgeblendet werden.



Es war meine Aufgabe, diese Reiterfunktionalität mit JavaScript auf beliebiges Markup abbildbar zu machen. In der Praxis sieht das so aus, daß verschiedene Reiter-Elemente initialisiert und diesen Elementen Bereiche zugeordnet werden. Wird ein Reiter gehovert bekommt er eine bestimmte CSS-Klasse. Wird er geklickt, wird dieser Reiter als aktiv markiert und der zugehörige Bereich wird eingeblendet. Alle anderen Bereiche in diesem Reiter-Verbund werden zeitgleich ausgeblendet.

Weiterhin ist es möglich, die Reiter periodisch in einem definierten Interval anzusteuern. Diese Animation startet mit Laden der Seite.

Geschrieben von Nico Steiner in Referenzen um 15:58 | Kommentare (0) | Trackbacks (0)

Kommentare

Ansicht der Kommentare: (Linear | Verschachtelt)

Noch keine Kommentare

Kommentar schreiben

Name
E-Mail
Homepage
Antwort zu	[ Ursprung ]
Kommentar	Standard-Text Smilies wie :-) und ;-) werden zu Bildern konvertiert. Um maschinelle und automatische Übertragung von Spamkommentaren zu verhindern, bitte die Zeichenfolge im dargestellten Bild in der Eingabemaske eintragen. Nur wenn die Zeichenfolge richtig eingegeben wurde, kann der Kommentar angenommen werden. Bitte beachten Sie, dass Ihr Browser Cookies unterstützen muss um dieses Verfahren anzuwenden. Hier die Zeichenfolge der Spamschutz-Grafik eintragen:
	Daten merken? Bei Aktualisierung dieser Kommentare benachrichtigen