<! DOCTYPE HTML>
<HTML>
<head>
<Meta charset = "UTF-. 8">
<title> </ title>
<style type = "text / CSS">
UL UL {the display: none;}
</ style>
</ head>
<body>
<UL class = "NAV">
<Li>
<span> a menu </ span>
<UL>
<Li> two menu </ li>
<Li> two menu </ li >
<Li> two menu </ Li>
<Li> two menu </ Li>
<Li> two menu </ Li>
</ UL>
</ Li>
<Li>
<span> a menu </ span>
<UL>
<Li> two menu </ li>
<Li> two menu </ li>
<li> two menu </ Li>
<li> two menu </ Li>
<li> two menu </ Li>
</ UL>
</ Li>
<li>
<span> a menu </ span >
<ul>
<li> two menu </ li>
<li> two menu </ li>
<li> two menu </ li>
<li> two menu </ li>
<li> two menu </ li>
</ UL>
</ Li>
</ UL>
</ body>
<Script the src = "jquery.js" type = "text / JavaScript" charset = "UTF-. 8"> </ Script>
<Script type = "text / JavaScript ">
$ (." NAV "). Children (" li "). mouseOver (function () {
$ (the this) .children (" ul "). STOP (). Show (500)
.parent (). . SIBLINGS () Children ( "UL") STOP () hide (500);..
})
</ Script>
</ HTML>
<- jQuery times the first generation sheet 14! ->
jquery write secondary menu
Guess you like
Origin www.cnblogs.com/CH-cnblogs/p/11570081.html
Recommended
Ranking