JavaScript写横向二级导航

坚持坚持-未来可期$$

于 2020-04-04 11:43:47 发布

阅读量446

点赞数 1

文章标签： js html css

本文链接：https://blog.csdn.net/weixin_46430385/article/details/105307829

版权

本文介绍了如何利用JavaScript配合HTML和CSS创建一个横向展示的二级导航菜单。通过JS实现动态交互，使二级菜单在鼠标悬停时优雅地展开。

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

HTML：
首先引入公共样式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="public.css">
    <link rel="stylesheet" href="submenu.css">
</head>
<body>
<!--通用导航-->
<nav class="mainNav">
    <div class="section navSec">
        <ul class="navUl" id="navUL">
            <li>
                <a href="#">首页</a>
            </li>
            <li>
                <a href="#">欢迎进入</a>
                <ul class="navULM">
                    <li><a href="#">欢迎</a></li>
                    <li><a href="#">哈哈哈</a></li>
                    <li>&

最低0.47元/天解锁文章

坚持坚持-未来可期$$

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript写横向二级导航

HTML：首先引入公共样式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="public.css"> &...
复制链接

扫一扫