黑马程序员技术交流社区
标题:
框架集
[打印本页]
作者:
马林雷
时间:
2014-6-10 23:29
标题:
框架集
一个分了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>
作者:
czwanglei
时间:
2014-6-11 09:24
值得学习ing
欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)
黑马程序员IT技术论坛 X3.2