基于jQuery的简单的列表导航菜单_jquery
来源:懂视网
责编:小采
时间:2020-11-27 20:58:16
基于jQuery的简单的列表导航菜单_jquery
基于jQuery的简单的列表导航菜单_jquery:下面是我做的一个简单的导航菜单,因为是新手,难免有什么不对的地方,希望大家拍砖! 好了 开始进入正题吧: 1.首先定义CSS样式表: 代码如下: body{font-size:13px} ul,li{list-style-type:none;padding:0px;margin:0px} .menu
导读基于jQuery的简单的列表导航菜单_jquery:下面是我做的一个简单的导航菜单,因为是新手,难免有什么不对的地方,希望大家拍砖! 好了 开始进入正题吧: 1.首先定义CSS样式表: 代码如下: body{font-size:13px} ul,li{list-style-type:none;padding:0px;margin:0px} .menu
下面是我做的一个简单的导航菜单,因为是新手,难免有什么不对的地方,希望大家拍砖!
好了 开始进入正题吧:
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代码了:
代码如下:
基于jQuery的简单的列表导航菜单_jquery
基于jQuery的简单的列表导航菜单_jquery:下面是我做的一个简单的导航菜单,因为是新手,难免有什么不对的地方,希望大家拍砖! 好了 开始进入正题吧: 1.首先定义CSS样式表: 代码如下: body{font-size:13px} ul,li{list-style-type:none;padding:0px;margin:0px} .menu