分组CSS菜单

时间:2014-12-25 11:22:27

标签: html css menu

如果这个问题已经存在,我很抱歉,但我不确定这甚至是为了搜索正确的资源。

我正在尝试为不同的人群创建标签页眉菜单。从某种意义上说,每个组都有自己的自定义菜单,可能仍然可以共享页面。我要做的是根据网站访问者的位置(与访问者相关的内容)使导航直观。

例如

|   Student   |   Teacher   |   Parents   |
|             ----------------------------|
| Timetable, Homework, Activities ........|


|   Student   |   Teacher   |   Parents   |
|-------------|             |-------------|
| Homework, Schedule .....................|


|   Student   |   Teacher   |   Parents   |
|---------------------------|             |
| Timetable ..............................|

如您所见,学生和家长组菜单都有“时间表”页面。页面的内容完全相同(指向相同的URL)。但是,如果访问者从“学生”菜单选项卡访问“时间表”页面,则在加载页面时,菜单应显示“学生”选项卡下的导航菜单。同样,如果访问者通过“父”选项卡访问该页面。

当然,我计划在不同的标签上添加颜色以进一步区分它们,甚至进一步降低某些项目的下拉,但是我甚至在这个初步阶段都陷入困境。

任何人都可以帮助启发我这个功能叫什么?我可以谷歌的任何名称。从那时起,我可以读取资源并对其进行编码。到目前为止,我的搜索非常令人失望和令人沮丧:(

非常感谢:)

1 个答案:

答案 0 :(得分:0)

我可以建议的一个选择是 首先,你需要知道谁进入...用你想要的逻辑创建登录窗口...以父母的客人选择登录 那么你将不得不创建一个asp文件,其中包含选项以检查谁连接以显示正确的选项卡 (或者您可以使用JavaScript检查创建一个选择底部/输入)

http://www.w3schools.com/tags/tag_select.asp

寻找类似的东西 change Tab based on HTML Select value 在这个网站上

这不是完整的答案,但它正在开始