How to use jquery to do this navigation?

JavaScript
1

???-?(www.net.cn)

when the mouse hovers on the first li, under it shows a text line. when hovers on the second li, under it shows a sub navigation rows.

eg:if the following is my html structure:


<div class="nav-top">
  <ul>
  <li class="navahead current"><a href="/">home</a></li>
  <li class="navahead"><a href="#">code</a></li>
  <li class="navahead"><a href="#">book</a></li>
  <li class="navahead"><a href="#">test</a></li> 
  </ul>
  </div>

how to layout the subnav?
eg: the home’s subnav is a text line: “welcome to my site”
the code’s subnv is “php asp java …”

2

You don’t really need JavaScript. Here’s a CSS example. Just view source to see how it’s built.

Drop down Menu

3

nope,it used js which named(ddown.js)

4

It works without JS. The JS is just there to help browsers like IE6 that don’t support li:hover. Essentially irrelevant now.