下拉菜单堆叠

时间:2013-08-22 22:23:36

标签: html css drop-down-menu

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

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

我尝试使用Objects,iframe来调用写在单独的html文件上的下拉菜单,但是当菜单扩展时,你会得到滚动条,这两种方法似乎都嵌入到页面中。我希望页面的内容位于下拉菜单的后面,就像现在标准看起来一样。

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

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

这是我的考验:

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

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

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

2 个答案:

答案 0 :(得分:0)

将其写在名为A.html.

的页面中

在您要放置的每个页面上,使用<iframe src="A.html">

确保删除<iframe>的边框以及滚动条,使其看起来自然

答案 1 :(得分:0)

你想要真正做一些服务器方面的事情,那可能是http://en.wikipedia.org/wiki/Server_Side_Includes,这取决于托管你网站的人甚至可能仍然存在,尽管这种情况不太可能。你有可能从你的webhost中做一些服务器端的事情,即PHP包括说。

如果没有,你可以看一下JavaScript客户端包括但是它的狡猾,

如果您真的只是手工编辑html文件并且无法访问任何服务器端技术,那么您总是可以拥有一个可以跨多个文件进行搜索和替换的文本编辑器

更新

鉴于您的意见,我只需下载Notepad ++之类的内容,并阅读批量查找和替换此处&#39; http://www.dedoimedo.com/computers/notepadpp-tricks.html&#39;。基本上你可以有一个测试页面用于搞清楚你想做什么&#39;然后使用全局查找和替换来更新所有当前的&#39;标题/菜单的版本/新版本的任何内容。

先备份所有文件!