Maison > interface Web > js tutoriel > 基于jQuery的简单的列表导航菜单_jquery

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

WBOY
Libérer: 2016-05-16 18:10:09
original
1148 Les gens l'ont consulté

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

好了 开始进入正题吧:

1.首先定义CSS样式表:

复制代码 代码如下:



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

3.定义HTML标签:
复制代码 代码如下:

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

复制代码 代码如下:



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

运行的效果如下:

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

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal