展开全部
告诉你方法。
1、首先你在页面上定义一个div和iframe,div放菜单栏,iframe显示相应的页面。
【代码】
<div id="menu">
<ul>
<li><a href="one.html" target="mainFrame">第一个</a></li>
<li><a href="two.html" target="mainFrame">第二个 </a></li>
<li><a href="three.html" target="mainFrame">第三个</a></li>
<li><a href="four.html" target="mainFrame">第四个</a></li>
</ul>
</div>
<iframe src="one.html" name="mainFrame" width="700" height="600">刚开始显示one.html这个页面。
【样式代码】注意,放在head标签里的
<style>
#menu{width:200px;height:600px;border:1px solid blue;float:left;}
#menu li{list-style-type:none;}
</style>
2、菜单栏放在4个a标签里,target标签你要显示的方式,target="mainFrame"表示我要显示在一个name为mainFrame的这样一个标签里。
3、当你分别点击四个超链接的时候,就显示不同页面了。
4、你自己新建几个页面试下,页面的样式布局要你调,很简单,不会的去百度网页,不要百度知道,学不到啥。
1、首先你在页面上定义一个div和iframe,div放菜单栏,iframe显示相应的页面。
【代码】
<div id="menu">
<ul>
<li><a href="one.html" target="mainFrame">第一个</a></li>
<li><a href="two.html" target="mainFrame">第二个 </a></li>
<li><a href="three.html" target="mainFrame">第三个</a></li>
<li><a href="four.html" target="mainFrame">第四个</a></li>
</ul>
</div>
<iframe src="one.html" name="mainFrame" width="700" height="600">刚开始显示one.html这个页面。
【样式代码】注意,放在head标签里的
<style>
#menu{width:200px;height:600px;border:1px solid blue;float:left;}
#menu li{list-style-type:none;}
</style>
2、菜单栏放在4个a标签里,target标签你要显示的方式,target="mainFrame"表示我要显示在一个name为mainFrame的这样一个标签里。
3、当你分别点击四个超链接的时候,就显示不同页面了。
4、你自己新建几个页面试下,页面的样式布局要你调,很简单,不会的去百度网页,不要百度知道,学不到啥。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询