|
JavaScript Les menus déroulants sont un moyen de créer des menus graphiquement améliorées pour la navigation des utilisateurs dans les pages web . Ces menus sont devenus un standard dans la programmation HTML page web , de nombreux utilisateurs reconnaissent la fonctionnalité de l' interface. Lors de la création d'un menu déroulant JavaScript , il est seulement nécessaire d'ajouter quelques lignes de code dans l'application . Le Javascript
Création de menus JavaScript pull- down peut être accompli en utilisant une fonction intégrée dans la page web . La fonction JavaScript est alors appelée par l'élément dans le menu. Chaque fois que de l'utilisateur passe sur le menu , la fonction JavaScript est appelée et elle ouvre une liste d'options pour l'utilisateur. Ci-dessous est un exemple de Javascript tirer vers le bas la fonction du menu :
fonction déroulant ( menu_element , la position ) { menuObject = document.getElementById ( menu_element ) de style ; newPosition = ( parseInt ( menuObj.top ) == -10 . ) ? -100 : -10 }
La première instruction dans le code est le nom de la fonction. Il est utilisé dans le code HTML tard dans ce tutoriel. La première instruction dans le code est l'élément de menu. Depuis plusieurs éléments de menu sont utilisés pour la navigation JavaScript, utilise l'ID de l'élément qui est passé de l'élément HTML. Les prochaines repositionne en ligne l'élément soit fermer le menu déroulant ou la développer.
Ajouter la fonction Javascript dans le menu Photos, illustrations éléments de menu sont créés en utilisant balise div objets en HTML. Une balise div qui est utilisé pour un menu déroulant normalement a le texte qui lui est attribué pour inciter visuellement à l'utilisateur de passer la souris sur l'élément. Une fois que la souris est planait au-dessus de la balise div HTML , l'appel est effectué à la fonction JavaScript pour ouvrir le menu déroulant. Ce qui suit est un exemple d'un élément de balise div qui appelle la fonction créée dans la section 1:
Photos Ce code appelle la fonction pull-down lorsque le curseur de la souris sur la balise div , mais il appelle la fonction de nouveau lorsque la souris est éloignée de l'élément . Cela donne l'apparence d'une ouverture et le menu de fermeture dans une page Web.
|
