一个分了3块的框架,分上下俩部分,下面为俩个页面,实现左边点击切换右边的页面!
主页面:
<head>
<title></title>
</head>
<frameset rows="30%,*" frameborder="1" bordercolor="blank" border="2px" noresize scrolling="no">
<frame src="a.htm">
<frameset cols="30%,*">
<frame src="b.htm" name="left" scrolling="no">
<frame src="d.htm" name="right" scrolling="no">
</frameset>
</frameset>
<body>
</body>
框架的上部页面:
<body style="background-color:Red; margin:0;">
<div style="text-align:center;margin-top:80px;"><h3>第一个网页!</h3></div>
</body>
框架的左页面:
<head>
<title></title>
<style type="text/css">
body
{
background-color:orange;
}
ul
{
margin-top:80px;
list-style-type:none;
text-align:center;
}
</style>
</head>
<body>
<ul >
<li><a href="c.htm" target="right">点我啊!</a></li>
<li><a href="5.htm" target="right">不要点我啊!</a></li>
</ul>
</body>
右页面:
<head>
<title></title>
</head>
<body style="background-color:Blue">
</body>
</html>
target:打开的第一个页面代码
<body>
<h2>点我啊!</h2>
</body>
第二个代码:
<body>
<h2>不要点我啊!</h2>
</body> |
|