A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 马林雷 中级黑马   /  2014-6-10 23:29  /  1680 人查看  /  1 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

一个分了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>

1 个回复

倒序浏览
值得学习ing
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马