<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>注意:taobao中的div的用法</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<style>
div#Content{width:760px;margin:0 auto;}
div#Content div#Main{float:left;width:620px;} /**********=leftMenu+Container的长度**************/
div#Content div#Main div#LeftMenu{float:left;width:200px;overflow:hidden;}
div#Content div#Main div#LeftMenu ul li{line-height:2em;font-size:14px;margin-bottom:0.2em;text-indent:1.2em;background:#1c86bf }
div#Content div#Main div#LeftMenu ul li strong{display:block;font-weight:normal;color:#FFF;background:url(http://pics.taobao.com/bao/album/sys/mytaoabo/left_menu_bg_02.gif) right top no-repeat;}
/*****Container开始*****/
div#Content div#Main div#Container{float:right;width:420px;overflow:hidden;}
div#Content div#Container div#PersonalZone{padding:1em; margin:0 8px;}
div#Content div#Container div#PersonalZone h2{display:none;}
div#Content div#Container div#PersonalZone h3{margin:0;line-height:24px;font-size:14px;color:#287d0a;}
</style>
<script type="text/javascript">
function change(url){
var t = document.getElementById("fmTest");
t.src = url;
}
</script>
</head>
<body>
<!-- div的布局用法(OOOOOKKKKK)-->
<div id='Content'><!-- div id="HeadBanner"></div-->
<div id="Main">
<div id="LeftMenu">
<ul>
<li id="Buyer"><strong>我是买家</strong>
<ul>
<li class="Free"><a
href="http://auction1.taobao.com/auction/itemlist/bought_items.jhtml">已买到的宝贝</a></li>
<li class="Free"><a
href="http://ecard.taobao.com/ecard/order_list.htm">我的直充<span
class="H"> 新</span></a></li>
<li><a href="http://auction1.taobao.com/auction/coupon/got_bonus.htm">我的优惠券</a></li>
<li><a
href="http://auction1.taobao.com/auction/itemlist/buying_items.jhtml">竞拍中的宝贝</a></li>
<li><a
href="http://auction1.taobao.com/auction/itemlist/buying_items.jhtml?auction_type=bidden">竞拍结束的宝贝</a></li>
<li><a href="http://auction1.taobao.com/auction/auction_bulk.htm">团购的宝贝</a></li>
</ul>
</li>
<li id="Seller"><strong>我是卖家</strong>
<ul>
<li><a href="http://auction1.taobao.com/auction/sell.jhtml"
target=_blank>我要卖</a></li>
<li><a
href="http://auction1.taobao.com/auction/view_personal_sale_item.jhtml?view_type=viewsold">已卖出的宝贝</a></li>
<li><a
href="http://auction1.taobao.com/auction/goods/goods_on_sale.htm">出售中的宝贝</a></li>
<li><a
href="http://auction1.taobao.com/auction/goods/goods_in_stock.htm">仓库里的宝贝</a></li>
<li><a
href="http://my.taobao.com/mytaobao/recommend/search_recommend_item.htm">橱窗推荐</a></li>
</ul>
</li>
</ul>
</div> <!--LeftMenu结束 -->
<div id="Container"><!-- 个人专区start -->
<div id="PersonalZone">
<h2><span>个人专区</span></h2>
<h3>欢迎您<span>laiahu </span> ，asd时了!</h3>
<ul id="Credit">
<li>卖家信用：<em><a href="http://my.taobao.com/mytaobao/rate/rate.htm?user_id=6f98b533f24c3d4e4f9b76d1ba948d35">0</a></em>
</li>
<li>买家信用：<em><a
href="http://my.taobao.com/mytaobao/rate/rate.htm?user_id=6f98b533f24c3d4e4f9b76d1ba948d35">0</a></em>
</li>
</ul>
<ul class="Attention">
<li id="Upgrade">想卖宝贝先<a
href="http://member1.taobao.com/member/certify_dispatcher.htm?action_type=-1&cert_action=0"
target="_blank">请点击这里</a>。</li>
<li>上一次登录时间： 2007年08月28日 11:04:30 <br>
<a
href="http://service.taobao.com/support/13-74/1-74.htm"
target="_blank">这里</a></li>
<li><font color="red">淘宝提醒您：淘宝的个人信息地址已经升级，请立即进行<a
href="http://member1.taobao.com/member/edit_user_info.jhtml"
target="_blank">更新</a>。</font></li>
</ul>
<div class="ZoneBottom"></div>
</div>
<!--自己添加的: 点击不同的菜单，显示不同的页面的一种方法 -->
<div>
<a href="javascript:change('0925/frameDiv2.jsp')">VB类页面</a> | <a href="javascript:change('0925/frameDiv1.jsp')">C类页面</a>
<div><iframe id="fmTest" src="0925/frameDiv2.jsp" frameborder="0"></iframe></div>
<div>
</div><!-- Container结束-->
</div><!-- Main结束-->
</div><!-- Content结束-->
</body>
</html>
5393
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
