Comment puis-je faire des onglets CSS avec des menus déroulants sans Javascript?

Question

J'ai besoin de faire des onglets qui ont aussi un menu déroulant et les exigences sont qu'ils doivent fonctionner sans JavaScript. Est-ce possible et existe-t-il un bon exemple de cela quelque part?

Answer 1

voir ce http://www.lwis.net/free-css-drop-down-menu/dropdown.nvidia.com.html

il est pur css. voir le code source à comprendre.

C'est construit par Free css cadre de menu déroulant http://www.lwis.net/free-css-drop-down-menu/

code minimal JavaScript seulement pour IE 6 ou plus tôt. Tout le reste est du CSS pur.

si u besoin css pur dans tous les navigateurs, y compris IE 6 essayer

http://www.cssplay.co.uk/menus/new-dropdown.html

mais il a quelques limitations

Edit:

C'est aussi pur menu css.

http://www.grc.com/menu2/invitro.htm

Cela inclut IE5.x, IE6, les bêtas de IE7, tous les anciens et nouveaux Netscapes, Mozillas, Firefoxes (sur les plates-formes PC et Linux), Operas, Safari et bien d'autres navigateurs Mac

Answer 2

Voici un Solution

Answer 3

Essayez Suckerfish, Javascript est nécessaire pour Internet Explorer comme les anciennes versions prennent en charge que : hover sur les liens.

Answer 4

Fondamentalement, vous devez utiliser la pseudo-classe hover sur l'étiquette d'ancrage. Pour éviter d'utiliser javascript, vous devez vous assurer que la navigation est structurée de manière à ce que les ancres puissent le faire comme dans ie6, c'est le seul élément qui permette le survol. Donc, en utilisant CSS pour l'état inactif, vous définissez l'élément qui contient la liste déroulante à afficher: none, puis sur le hover vous définissez pour afficher: block;

C'est en fait assez simple - le bit dur positionne la liste déroulante où vous le souhaitez.