点击左边的超链接,能够使页面在右边的框中出现内容 具体效果:
简单的解释:
<style>标签内的都是一些样式,使页面能够看的更美观,iframe标签里面进行命名name=" ",在超链接里面添加target="命名的名字",href里面是需要跳转的页面,这个能够使点击左边的超链接,使页面在右边的框中出现内容,这是个静态的,怎么进行传输数据我还没有学会。
一些代码:
<%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>主页</title> <style> .Q1{ height: 200px; width:50%; } #lan_a{ width: 20%; height: 200px; float: left; border: 1px solid #0d5091; background-color: #82cbea; } a{ display: block; height: 38px; text-align: center; display: block; background-color: azure; text-decoration: none; border-bottom: 1px solid #51a9f18c; } .right{ width: 78%; float: right; } .right1 iframe{ width: 100%; height:100%; } </style> </head> <div class="Q1"> <div id="lan_a" > <a href="1.jsp" target="iframe_a">第一个 </a> <a href="2.jsp" target="iframe_a">第二个</a> </div> <div class="right"> <div class="right1"> <iframe name="iframe_a"></iframe> </div> </div> </div> </body> </html>