【JQuery】——横向纵向下拉菜单

最新推荐文章于 2015-11-27 13:45:00 发布

杨晓敏M

最新推荐文章于 2015-11-27 13:45:00 发布

阅读量1.4k

点赞数

文章标签： jquery

本文链接：https://blog.csdn.net/u010924897/article/details/43939817

版权

这篇博客总结了在jQuery中实现横向和纵向下拉菜单的方法，包括HTML结构、CSS样式和JS响应事件的编写。作者强调了封装这些功能为小类库，以便在项目中快速调用，提高开发效率。同时，对比了JavaScript和jQuery的关系，指出jQuery作为JavaScript的类库，简化了代码编写，增强了跨浏览器兼容性。

摘要由CSDN通过智能技术生成

在学习jQuery的过程中，遇到项目中最常用到的下拉菜单，本着高效的原则，在此总结一下横向和纵向下拉菜单的实现效果，形成自己的小类库，以便自己在项目过程中能够方便的调用。

HTML部分：

引用menu.css、jquery.js（已经封装好的）和menu.js文件

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>JQuery实战-菜单效果</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link type="text/css" rel="stylesheet" href="css/menu.css" />
    <script type="text/javascript" src="js/jquery.js">&