CSS3+JS开发的网站顶部导航栏菜单特效

92建站   2021-10-15   收藏本文

这套CSS3+JS开发的网站顶部导航栏菜单特效,可以实现鼠标悬停导航菜单有下划线的动画效果,可以完美适应电脑端和手机端,非常不错的一套网站导航条插件。

使用方法:

<nav>
    <div class="logo">
        <img src="img/fixed_logo.png" alt="Logo Image">
    </div>
    <div class="hamburger">
        <div class="line1"></div>
        <div class="line2"></div>
        <div class="line3"></div>
    </div>
    <ul class="nav-links">
        <li><a href="#">网站首页</a></li>
        <li><a href="#">解决方案</a></li>
        <li><a href="#">产品中心</a></li>
        <li><a href="#">售后服务</a></li>
        <li><a href="#">联系我们</a></li>
        <li><button class="login-button" href="#">登录</button></li>
        <li><button class="join-button" href="#">注册</button></li>
    </ul>
</nav>
<script  src="js/script.js"></script>

效果截图:

顶部导航栏,菜单特效

免责声明:本站模板均来自用户分享和网络收集,仅供学习与参考,请勿用于商业用途,若损害您的权益,请联系网站客服,核实后立即删除。
展开