前端小白--导航（一）

吴维炜

于 2017-12-13 18:53:16 发布

阅读量1.1k

点赞数 1

分类专栏：前端就那么回事文章标签：纯js导航栏纯css导航栏原生js导航栏 css3导航栏导航栏

本文链接：https://blog.csdn.net/qq_38209578/article/details/78795528

版权

前端就那么回事专栏收录该内容

119 篇文章 22 订阅 ¥19.90 ¥99.00

订阅专栏

本文详细讲解了如何使用纯CSS和纯JavaScript来创建下拉导航栏。CSS实现的导航栏具有较好的浏览器兼容性，而JavaScript实现的代码可能需要进一步优化以确保兼容性。

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

本文主要介绍下拉导航分别通过纯css和纯js实现
###案例图片展示

Tips:纯css实现的兼容性比较好，纯js的代码兼容性不太友好，需要引用的朋友要自行优化。
###（一）纯css代码

1.html代码

	<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="style/reset.css">
    <link rel="stylesheet" href="style/downlist.css">
</head>
<body>
    <div class="downList li-f">
        <ul>
            <li>

了解本专栏