web前端，html+css+jquery实现水平菜单

最新推荐文章于 2024-05-13 13:40:59 发布

zhaihaohao1

最新推荐文章于 2024-05-13 13:40:59 发布

阅读量1.2k

点赞数

分类专栏： web前端demo

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

版权

本文介绍如何利用HTML的列表、a元素，结合CSS样式和jQuery的点击及划过事件，创建一个响应式的水平导航菜单。通过设置不同属性和事件，实现了菜单项的显示与隐藏效果。

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

用到的知识点：

1 列表,常用属性

2 a元素，常用属性

3 显示隐藏

4 jquery点击事件，划过事件

html:

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

</head>
<body>
<