html - 下拉菜单堆叠

标签 html css drop-down-menu

所以我有一个自定义的 css 下拉菜单,它工作正常,除了我意识到如果我应该更新网站的新部分并需要添加,将这个菜单写在这个网站的所有 html 页面上会变得乏味在菜单的新层上,我最终会得到十亿个 html 来更新一行简单的代码。

我想知道,有没有办法只写一次这个菜单(在主页上)并在我所有其他 html 上调用它?

我对 Objects、Iframe 进行了一些实验,以调用写在单独的 html 文件上的下拉菜单等,但是当菜单展开时,您会看到滚动条,并且这两种方法似乎都嵌入到页面中。我希望页面的内容位于下拉菜单的后面,就像它现在的标准外观一样。

以下是我未经编辑的页面:

http://www.blue-cicada.net/trivial/index.html

这是我的测试:

http://www.blue-cicada.net/trivial/test/

那里看起来不太好,我的顶部图像被遮挡了,子菜单不会完全弹出等等,如何解决?

我对这些东西真的很陌生,所以非常感谢任何帮助。

最佳答案

你真的想在服务器端做点什么,在过去这应该是 http://en.wikipedia.org/wiki/Server_Side_Includes ,这取决于谁在托管您的网站,它甚至可能仍然是,尽管这不太可能。您的网站托管服务商可能会提供一些服务来在服务器端执行某些操作,例如 PHP Includes。

如果没有,你可以看看做 JavaScript 客户端,但它很笨拙,

如果您真的只是手动编辑您的 html 文件并且没有很好地访问任何服务器端技术,您总是可以拥有一个可以在多个文件中搜索和替换的文本编辑器

更新

考虑到您的意见,我会下载类似 Notepad++ 的东西并阅读此处的批量查找和替换“http://www.dedoimedo.com/computers/notepadpp-tricks.html” '.基本上你可以有一个测试页面来确定“你想做什么”,然后使用全局查找和替换来更新所有“当前”版本的标题/菜单/任何你的新版本。

先备份所有文件!

关于html - 下拉菜单堆叠,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18391759/

相关文章:

将宽度设置为 100% 后 HTML 没有响应

html - 使用 git lfs 存储的 MP4 文件无法在 Github Pages 中播放

html - 如何扩展我的菜单栏以使其完全适合任何页面,即使窗口已调整大小

ruby-on-rails - 使用 Rails select_tag 传递多个值

css - 样式化 UL UL li 不适用于下拉菜单

html - 如何将图像置于英雄部分的顶部?

javascript - 我的 Web 应用程序中的搜索栏返回我在 Django 中的模型的结果列表

javascript - 将每个字母表定位到每个答案容器但不添加新的答案容器 - 使用 AngularJs 拖放

html - 站点 : How to centralize anchor tags? 的基金会 6

css - 如果图像设置了 CSS 以隐藏可见性,图像是否会加载?