web前端，html+css+jquery实现竖直菜单

最新推荐文章于 2023-02-10 15:58:52 发布

zhaihaohao1

最新推荐文章于 2023-02-10 15:58:52 发布

阅读量1.7k

点赞数

分类专栏： web前端demo

本文链接：https://blog.csdn.net/zhaihaohao1/article/details/48766633

版权

本文介绍如何使用HTML列表、CSS样式及jQuery事件处理来创建一个响应式的竖直菜单。主要涉及列表属性、a元素属性、显示与隐藏效果以及jQuery的点击和划过事件应用。

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

用到的知识点：

1 列表,常用属性

2 a元素，常用属性

3 显示隐藏

4 jquery点击事件，划过事件

效果：

html:

<!DOCTYPE html>
<!--垂直菜单-->
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>菜单</title>
    <!--引入所有的文件-->
    <link href="menu01.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="jquery-2.1.4.min.js"></script>
    <script type="text/javascript" src="menu01.js"></script>

</head>
<body>
   <ul>
       <