博客列表 >3-20课程——框架

3-20课程——框架

罗树的博客
罗树的博客原创
2018年03月21日 06:36:58467浏览

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>PHP中文网商城后台管理系统</title>
</head>
<body>
	<!-- 后台分为上下二部分,其中下部再分为左右二部分,左边显示菜单,右边是对应的内容 -->

	<table border="0" cellspacing="1" cellpadding="5" align="center" width="960">
		<!-- 顶部 -->
		<tr height=60>
			<td colspan="2">
				<iframe src="inc/top.html" name="top" height="70"  width="100%" frameborder="0" align="center" scrolling="no"></iframe>
			</td>
		</tr>

		<!-- 我是一条风骚的分隔线 -->
		<tr><td width="100%" colspan="2"><hr></td></tr>
		
		<!-- 中间主体:分左右二栏 -->
		<tr>
			<!-- 左边菜单栏 -->
			<td>
				<iframe src="inc/left.html" name="left" height="600" width="140" frameborder="0" align="center" scrolling="no"></iframe>
			</td>
			<!-- 右边内容区 -->
			<td>
				<iframe src="inc/default.html" name="right" height="600" width="800" frameborder="0" align="left" scrolling="no"></iframe>
			</td>
		</tr>

		<!-- 我是一条风骚的分隔线 -->
		<tr><td width="100%" colspan="2"><hr></td></tr>

		<!-- 底部 -->
		<tr>
			<td colspan="2">
				<iframe src="inc/footer.html" name="footer" height="70"  width="100%" frameborder="0" align="center"></iframe>
			</td>
		</tr>
	</table>
	
	
	
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

实例

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>left</title>
</head>
<body>
	<h4><img src="../images/user.jpg" width="30">用户管理</h4>
		<ul type="none">
			<!-- a标签的target属性值设置为要访问的框架的name名即可,这里是在右侧显示:right -->
			<li><img src="../images/file.jpg" width="20"><a href="user.html" target="right">用户查询</a></li>
			<li><img src="../images/file.jpg" width="20"><a href="">分类管理</a></li>
		</ul>

		<hr>
	<h4><img src="../images/folder.jpg" width="30">商品管理</h4>
	<ul type="none">
		<li><img src="../images/file.jpg" width="20"><a href="foods.html" target="right">商品查询</a></li>
		<li><img src="../images/file.jpg" width="20"><a href="">分类管理</a></li>
	</ul>

	<hr>
	<h4><img src="../images/folder.jpg" width="30">订单管理</h4>
	<ul type="none">
		<li><img src="../images/file.jpg" width="20"><a href="order.html" target="right">订单查询</a></li>
		<li><img src="../images/file.jpg" width="20"><a href="">分类管理</a></li>
	</ul>

	<hr>
	<h4><img src="../images/set.jpg" width="20">系统设置</h4>
	<ul type="none">
		<li><img src="../images/file.jpg" width="20"><a href="system.html" target="right">基本配置</a></li>
		<li><img src="../images/file.jpg" width="20"><a href="">高级配置</a></li>
	</ul>
</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例



声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议