div+css超链接左侧链接显示内容或网站到右侧
发布网友
发布时间：2022-04-20 22:38
共3个回答
懂视网
时间：2022-04-21 02:59
回复讨论(解决方案)
iframe或者ajax
楼上正解，通常是用AJAX方式去读取内容然后替换掉右边的内容。
热心网友
时间：2022-04-21 00:07
效果如图：
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<!-- 默认打开目标 -->
<base target="iframe"/>
<style>
#page{
width: 800px;
height: 400px;
}
#left{
float: left;
background: #ccc;
}
#right{
float: left;background: #fff;
}
</style>
</head>
<body>
<div id="page">
<div id="left">
<p>左侧</p>
<div>
<ul>
<li><a href="1.html" >分类管理</a></li>
</ul>
<ul class="con">
<li><a href="2.html" >标签管理</a></li>
</ul>
</div>
</div>
<!-- 右侧 -->
<div id="right">
<iframe frameboder="0" border="0" scrolling="yes" name="iframe" src="3.html"></iframe>
</div>
</div>
</body>
</html>
其中的html 页面分别如下：
html <body>中写上：分类管理在右侧、 2.html<body>中写上：标签管理在右侧 3.html<body>中写上： 我是右侧div
热心网友
时间：2022-04-21 01:25
