基于jQuery的简单的列表导航菜单_jquery

下面是我做的一个简单的导航菜单,因为是新手,难免有什么不对的地方,希望大家拍砖!

好了 开始进入正题吧:

1.首先定义CSS样式表:

复制代码 代码如下:

2.引用JQUERY的框架，大家可以去官网上下载最新的JQUERY,好像JQUERY1.5的版本都发布了,链接地址:http://jquery.com/

3.定义HTML标签:

复制代码 代码如下:

• 
  
  
  
  电脑数码类产品
  
  
  
  
  
  • 笔记本
  
  
  
  
  • 笔记本1
  
  
  • 笔记本2
  
  
  • 笔记本3
  
  
  • 笔记本4
  
  
  • 笔记本5
  
  
  
  
  • 移动硬盘
  
  
  
  
  • 移动硬盘1
  
  
  • 移动硬盘2
  
  
  • 移动硬盘3
  
  
  • 移动硬盘4
  
  
  • 移动硬盘5
  
  
  
  
  • 电脑软件
  
  
  
  
  • 电脑软件1
  
  
  • 电脑软件2
  
  
  • 电脑软件3
  
  
  • 电脑软件4
  
  
  • 电脑软件5
  
  
  
  
  • 数码产品
  
  
  
  
  • 数码产品1
  
  
  • 数码产品2
  
  
  • 数码产品3
  
  
  • 数码产品4
  
  
  • 数码产品5
  
  
  
  
  
  
  

4.接下来是定义最重要的JQUERY代码了:

复制代码 代码如下:

5.好了,大功告成了......

运行的效果如下: