Question

我正在尝试使用iframe创建一个包含静态菜单和单独内容的网站到目前为止，我已经能够成功创建iframe，但我希望菜单iframe更改其他iframe中的内容。

我意识到我想要的可能需要AJAX或JQuery。 />
这是我的索引代码：（HTML）

<html>
<head>
<link rel="stylesheet" type="text/css" media="screen" href="css/topg.css" />
<title>Title</title>
</head>
<body>
<iframe class="menu" src="menu.html"></iframe>
<iframe class="mainContent" src="start.html"></iframe>
</body>
</html>

这是/css/topg.css：

body {
background-color: #333333;
}
p {
color: #AAAAAA;
}
h1 {
color: #AAAAAA;
}
a:link {
color: #FFFFFF;
}
a:visited {
color: #CCCCCC;
}
a:hover {
color: #00FFFF;
}
a:active {
color: #FFFF00;
}
li {
color: #AAAAAA;
}
.menu {
  width:100%;
  height:50px;
}
.mainContent {
  width:100%;
  height:100%;
}
iframe {
margin: none;
padding: none;
border: none;
}

使用CSS和HTML创建静态菜单

0 个答案: