Menus déroulants et autres fantaisies avec :hover :focus :active :target pour IE6

Menu déroulant Suckerfish — réécriture du très populaire Suckerfish Dropdown pour implémenter des menus déroulants sur plusieurs niveaux. Ce script de 12 lignes crée une classe sfHover sur un élément li pour émuler la pseudo-classe :hover pour Internet Explorer qui ne l’applique que sur les ancres a, notamment. Ce script est léger, accessible, basé sur les feuilles de styles et non-intrusif (à part dans la feuille de style puisqu’il faut doubler le sélecteur li:hover avec la classeli.sfHover).

Suckerfish Shoal — Si le script précédent vous a plu, vous êtes mûrs pour passer la vitesse supérieure avec ce jeu de fonctions dérivées de Suckerfish pour émuler les pseudo-classes :hover, :focus, :active et :target sur l’élément HTML que vous voulez :

  • `suckerfish(sfHover, « LI », « nav »);` pour appliquer `:hover` sur un élément `li` placé dans `#nav`.
  • `suckerfish(sfFocus, « INPUT »);` pour donner le `focus` aux éléments `input`.

Superfish — Menu déroulant avec des morceaux d’accessibilité (délais avant l’ouverture, navigation avec la touche tab). Vous pouvez voir ce menu déroulant en action sur css 4 design.