美化菜单显示
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>+Jquery test 3--menu+</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="css/menu.css">
<script language="javaScript" src="js/jquery-1.6.1.js"></script>
<script language="javaScript" src="js/menu.js"></script>
</head>
<body>
<ul>
<li class="main">
<a href="#">主菜单1</a>
<ul>
<li><a href="#">子菜单11</a></li>
<li><a href="#">子菜单12</a></li>
<li><a href="#">子菜单13</a></li>
</ul>
</li>
<li class="main">
<a href="#">主菜单2</a>
<ul>
<li><a href="#">子菜单21</a></li>
<li><a href="#">子菜单22</a></li>
<li><a href="#">子菜单23</a></li>
</ul>
</li>
<li class="main">
<a href="#">主菜单3</a>
<ul>
<li><a href="#">子菜单31</a></li>
<li><a href="#">子菜单32</a></li>
<li><a href="#">子菜单33</a></li>
</ul>
</li>
</ul>
<br/>
<br/>
<br/>
<ul>
<li class="hmain">
<a href="#">主菜单1</a>
<ul>
<li><a href="#">子菜单11</a></li>
<li><a href="#">子菜单12</a></li>
<li><a href="#">子菜单13</a></li>
</ul>
</li>
<li class="hmain">
<a href="#">主菜单2</a>
<ul>
<li><a href="#">子菜单21</a></li>
<li><a href="#">子菜单22</a></li>
<li><a href="#">子菜单23</a></li>
</ul>
</li>
<li class="hmain">
<a href="#">主菜单3</a>
<ul>
<li><a href="#">子菜单31</a></li>
<li><a href="#">子菜单32</a></li>
<li><a href="#">子菜单33</a></li>
</ul>
</li>
</ul>
</body>
</html>
分享到：
相关推荐
一、jQuery入门 1. 引入jQuery库：在HTML文件中，可以通过在`<head>`标签内添加`<script>`标签来引入jQuery库，通常从CDN（内容分发网络）获取，如`https://code.jquery.com/jquery-latest.min.js`。 2. jQuery...
本篇将作为jQuery入门的起点，带领初学者逐步理解并掌握这个强大的工具。 ### 1. jQuery 的安装与引入 在开始学习jQuery之前，首先需要在项目中引入jQuery库。最常见的方式是通过CDN（内容分发网络）链接，这样...
### jQuery入门精要 #### 一、jQuery概览与崛起 **标题与描述解析：** "jquery 入门帮助.pdf"这一标题明确指向了对jQuery初学者的指导资料，而描述“对于了解ajax并初识jq的人很有帮助”则暗示了内容会涵盖jQuery...
**jQuery 入门经典教程** jQuery 是一个广泛应用于前端开发的JavaScript库，它极大地简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互。这个经典教程将带你深入理解jQuery的核心概念，帮助你快速上手并...
**jQuery入门手册1.3.2** jQuery是一个广泛使用的JavaScript库，它极大地简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互。这个“jQuery入门手册1.3.2”是针对初学者的指导性资料，旨在帮助读者快速...
**jQuery入门** jQuery是一款高效、简洁的JavaScript库，它的出现极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。"jQuery从入门到精通"这个主题将带你全面了解和掌握这一强大的工具。 首先，...
jquery、javascript、入门到精通，jquery从入门到精通
jQuery经典入门教程，供学习交流，谢谢~
jQuery入门到精通，前端开发技术，前端javaScript
jquery入门教程 从零开始学习jQuery (一) 开天辟地入门篇 从零开始学习jQuery (二) 万能的选择器 从零开始学习jQuery (三) 管理jQuery 包装集 从零开始学习jQuery (四) 使用jQuery 操作元素的属性与样式 从零开始...
jQuery入门基础二.ppt
《jQuery入门Demo详解》 jQuery，作为一款广泛应用于前端开发的JavaScript库，以其简洁的API、强大的功能和广泛的浏览器兼容性赢得了开发者们的喜爱。对于初学者来说，掌握jQuery的基础知识和常见操作是步入Web开发...
自己做的，培训时做班级讲座用的jQuery入门 PPT，侧重jQuery的认识和Validation插件的举例讲解
**jQuery入门培训及案例** jQuery是一款广泛应用于前端开发的JavaScript库，它简化了HTML文档遍历、事件处理、动画制作和Ajax交互等任务。通过学习jQuery，开发者可以更高效地编写代码，提升网页的交互性和用户体验...
**jQuery入门经典教材** jQuery是一款高效、简洁的JavaScript库，旨在简化HTML文档遍历、事件处理、动画设计和Ajax交互。本教材针对初学者，详细介绍了jQuery的核心概念和实用技巧，帮助开发者快速掌握这一强大的...
jQuery基础入门pp
在jQuery入门文档中，首先会介绍jQuery的基本概念。jQuery是一个JavaScript库，它对CSS3兼容，同时兼容多种浏览器，使得开发者能够更加便捷地处理HTML文档、处理事件、实现动画效果，以及在无需刷新页面的情况下与...