Simple list navigation menu based on jQuery_jquery

Below is a simple navigation menu I made. Because I am a newbie, there will inevitably be some mistakes. I hope everyone can help me!

Okay, let’s get to the point:

1. First define CSS style sheet:

Copy code The code is as follows:

2. To quote the JQUERY framework, you can go to the official website to download the latest JQUERY, like JQUERY1.5 The versions have been released, link address: http://jquery.com/

3. Define HTML tags:

Copy code The code is as follows:

• 
  
  
  
  Computer digital products
  
  
  
  
  
  • Notebook
  
  
  
  < ;li>Notebook 1


• Notebook 2 li>
  
• Notebook 3


• Notebook 4


• Notebook 5

Mobile hard drive

• < ;a href="#">Mobile hard drive 1


• Mobile hard drive 2


• Mobile Hard Drive 3
/a>

• Mobile Hard Drive 5

Computer software

• Computer Software 1


• Computer Software 2
> ;

• Computer Software 3


• Computer Software 4< ;/a>


• Computer Software 5

< ;li class="optn">Digital products

• Digital product 1


• Digital product 2 li>
  
• Digital Products 3


• Digital Products 4


• Digital products 5

4. Next is to define the most important JQUERY code:

Copy code Code As follows:

5. OK Well, you’re done...

The running effect is as follows: