Hervorhebungen aktive Panel in CSS ohne JavaScript

Question

Ich baue etwas Ähnliches wie dieses - http: //www.impressivewebs.com/demo-files/content-switcher/content-switcher.html

Ich fragte mich, ob jemand irgendwelche Ideen hatte, wie ich die aktuelle Platte in der Navigation zeigen JavaScript ohne Verwendung - pure CSS

.

Ich bin ziemlich Vertraute es nicht möglich ist, aber ich dachte, dass ich auf jeden Fall fragen würde.

Nur um zu klären ...
Sie werden bemerken, dass, wenn Sie einen Link auf dieser Seite klicken -

War es hilfreich?

einreichen

Lösung

Es ist möglich, es glauben oder nicht, es ist nur wirklich schwierig. Dies sollte Ihnen den Einstieg: http: / /thinkvitamin.com/design/css/how-to-create-a-valid-non-javascript-lightbox/ Der Schlüssel Bit wird in diesem Zitat erfasst:

Ich bin sicher, Sie alle wissen, um eine Verknüpfung von einem Elemente auf der gleichen Seite mit der Verwendung des ID-Attributs und wie es funktioniert. Sie können jedoch nicht gewusst haben, dass ein Element verbindet, die von der Seite versteckt wird, um das Element verursacht „gezogen“ in den Blick werden, wie zum Fenster Springen entgegengesetzt nach unten auf dieses Element.

Also im Grunde, dann würden Sie alle Folien off-Seite setzen und dann haben die nummerierten Links Anker verwenden diejenigen in den Blick zu ziehen. Ihr Anwendungsfall soll ein wenig einfacher als das ist sie tut, da müssen Sie den Rest der Seite nicht gedimmt werden.

Answer 1

Es ist möglich, es glauben oder nicht, es ist nur wirklich schwierig. Dies sollte Ihnen den Einstieg: http: / /thinkvitamin.com/design/css/how-to-create-a-valid-non-javascript-lightbox/ Der Schlüssel Bit wird in diesem Zitat erfasst:

Ich bin sicher, Sie alle wissen, um eine Verknüpfung von einem Elemente auf der gleichen Seite mit der Verwendung des ID-Attributs und wie es funktioniert. Sie können jedoch nicht gewusst haben, dass ein Element verbindet, die von der Seite versteckt wird, um das Element verursacht „gezogen“ in den Blick werden, wie zum Fenster Springen entgegengesetzt nach unten auf dieses Element.

Also im Grunde, dann würden Sie alle Folien off-Seite setzen und dann haben die nummerierten Links Anker verwenden diejenigen in den Blick zu ziehen. Ihr Anwendungsfall soll ein wenig einfacher als das ist sie tut, da müssen Sie den Rest der Seite nicht gedimmt werden.

Answer 2

Was Sie tun müssen, ist, das, was Sie brauchen, um mit fester Größe innerhalb eines Behälters gleiten und „Überlauf“ Eigenschaft auf versteckt. Dann in diesem Container, setzen Sie Ihren „verschiebbaren“ Inhalt in einer Liste von Ankerelementen mit „Anzeige“ Set zu blockieren und Größe der gleiche des Behälters. Wenn von einem Link auf der Seite können Sie eine der Anker in der Liste aufrufen, zeigt das Element mit dem entsprechenden Ankernamen automgically up .. einfach.