鼠标悬浮效果
&nbs">

Maison  >  Article  >  interface Web  >  Un menu déroulant super simple implémenté avec jquery_jquery

Un menu déroulant super simple implémenté avec jquery_jquery

WBOY
WBOYoriginal
2016-05-16 16:47:531135parcourir

Un menu déroulant super simple implémenté avec jquery.

Rendu

Effet initial
Un menu déroulant super simple implémenté avec jquery_jquery
Effet de survol de la souris
Un menu déroulant super simple implémenté avec jquery_jquery
Code

Copier le code Le code est le suivant :

>< ;script type="text/javascript" src="jquery-1.11.1.js">


$( document).ready(function() {
$('nav li').hover(function() {
$(this).find('.sub-menu').css('display ', 'bloc');
}, function() {
$(this).find('.sub-menu').css('display', 'none'); ;
} ;

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn