支持地址栏传值。侧边导航栏html+JS

最新推荐文章于 2024-06-30 14:04:39 发布

安然于心

最新推荐文章于 2024-06-30 14:04:39 发布

阅读量1.4k

点赞数 3

分类专栏： tab切换菜单栏手风琴文章标签： html javascript 导航导航栏 tab切换

本文链接：https://blog.csdn.net/ViVianWhere/article/details/51212272

版权

本文介绍了如何使用HTML、CSS和JavaScript来创建一个支持从地址栏传递值的侧边导航栏。通过展示代码片段和效果预览，作者提供了一个完整的实现方案，并给出了百度网盘的资源链接供下载。同时，作者提供了QQ联系方式以便接收读者的建议和反馈。

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

效果预览

这里写图片描述

HTML代码

<html>
    <head>
        <meta charset="utf-8" />
        <title>导航栏</title>
        <link rel="stylesheet" href="css/menu.css" />
        <script type="text/javascript" src="js/jquery-1.10.2.min.js" ></script>
        <script type="text/javascript" src="js/menu.0.1.js" ></script>
    </head>
    <body>
        <div class="main_box">
            <ul class="menu_ulbox">
                <li class="menu_libox">
                    <p class="menu_tit menu_titon">订单中心<span class="menu_icon menu_icoup"></span></p>
                    <ul class="menu_ul">
                        <li class="menu_li menu_lion" data-liid="10" data-litit="未付款的订单" data-class="order_nopaybox">未付款的订单</li>
                        <li class="menu_li" data-liid="11" data-litit="已付款的订单" data-class="order_okpaybox">已付款的订单</li>
                        <li class="menu_li" data-liid="12" data-litit="已完成的订单" data-class="order_okbox">已完成的订单</li>
                    </ul>
                </li>
                <li class="menu_libox">
                    <p class="menu_tit">个人中心<span

最低0.47元/天解锁文章

安然于心

关注

3
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
支持地址栏传值。侧边导航栏html+JS

HTML代码<html> <head> <meta charset="utf-8" /> <title>导航栏</title> <link rel="stylesheet" href="css/menu.css" /> <script type="text/javascript" src="js/jquery-1.10.2.mi
复制链接

扫一扫

专栏目录