php - 不需要很多页面的侧边菜单

标签 php html css

所以我有一个正在开发的布局系统,它允许用户单击侧面菜单上的链接来访问某些服务。 所以基本上这里是简单的 html 设计

        <div class="col-md-2" id="admin_menu">
            <section class="list-group">
                <a href="#" class="list-group-item">opt 1</a>
                <a href="#" class="list-group-item">opt 2</a>
                <a href="#" class="list-group-item">opt 3</a>
                <a href="#" class="list-group-item">Opt 4</a>
            </section>
        </div>
        <div class="col-md-10" id="admin_content">
            <section class="">
                Some content
            </section>
        </div>

布局如我所愿。左边是一个小菜单,右边是主要内容。 但是我的设计有一个小问题。如您所见,内容都在一页上。当用户单击 opt2、3、4 链接时,他或她将被重定向到相应的页面,该页面也将包含侧面菜单。 所以我的问题是

  1. 创建这样一个设计的最方便的方式是什么? 不止一个界面需要菜单。
  2. 考虑到大多数情况,我如何让事件链接改变颜色 整个页面可能会重新加载。

这是设计图片。第一个链接显示事件链接应具有的样式 Image

最佳答案

include "menu.php";

menu.php 包含菜单。

也适用于

require_once "menu.php";

对于问题二,给每个元素一个唯一的numbereid(listitem1, listitem2...)并在页面本身上创建一个样式标签:

<style>
    #listitem1 {
         whatever...
    }
</style>

取决于页面。

关于php - 不需要很多页面的侧边菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24975322/

相关文章:

javascript - 如何退出 iframe 并转到单独的网站?

html - IntelliJ 结构搜索查找自闭合 HTML 标签

html - 这些图像中的额外空间来自哪里?

javascript - 当页眉到达顶部时 Div 开始滚动,当底部到达页脚时停止滚动

css - 输入类型日期在设备上看起来与 Chrome 模拟器不同

php - Wordpress 当前类别的子类别列表

php - 数据表搜索框不起作用

php - 如何解决PHP错误 'Notice: Array to string conversion in…'

jquery - 链接样式 css 异常? CSS 还是 jQuery?

php - 特定行上的自举表 ionic