Ein supereinfaches Dropdown-Menü, implementiert mit jquery_jquery

Ein supereinfaches Dropdown-Menü, das mit jquery implementiert wurde.

Rendering

Anfänglicher Effekt

Maus-Hover-Effekt

Code

Code kopierenDer Code lautet wie folgt:

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

Home ;

• sub1
< /li>

• sub3
>< ;li>Programmierung

sub1< /a> ;

• sub2


• sub3

;ul class="sub-menu">

• sub1


• sub2


• sub3

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