<%@ 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>
分享到:
相关推荐
红色多级下拉菜单,是学习Div CSS jquery制作菜单的一个好实例,可以显示5级子菜单,关于本菜单中的JS封装,作者其实是想利用一些私有方法和变量,但是这么包装,感觉有些不伦不类,既然还是要搞了半天,还是返回的...
第11章 CSS+div布局方法剖析 11.1 CSS排版观念 11.2 固定宽度且居中的版式 11.3 左中右版式 11.4 块的背景色问题 11.5 排版实例:电子相册 11.6 div排版与传统的表格方式排版的分析 ...
本书系统地讲解了CSS层迭样式表的基础理论和实际运用技术,通过大量实例对CSS进行深入浅出的分析,主要包括CSS的基本语法和概念,设置文字、图片、背景、表格、表单和菜单等网页元素的方法,以及CSS滤镜的使用。...
第11章 CSS+div布局方法剖析 11.1 CSS排版观念 11.2 固定宽度且居中的版式 11.3 左中右版式 11.4 块的背景色问题 11.5 排版实例:电子相册 11.6 div排版与传统的表格方式排版的...
本书系统地讲解了CSS层迭样式表的基础理论和实际运用技术,通过大量实例对CSS进行深入浅出的分析,主要包括CSS的基本语法和概念,设置文字、图片、背景、表格、表单和菜单等网页元素的方法,以及CSS滤镜的使用。...
第11章 CSS+div布局方法剖析 11.1 CSS排版观念 11.1.1 将页面用div分块 11.1.2 设计各块的位置 11.1.3 用CSS定位 11.2 固定宽度且居中的版式 11.2.1 方法一 11.2.2 方法二 11.3 左中右版式...
系统地讲解了CSS层叠样式表的基础理论和实际运用技术,通过大量实例对CSS进行深入浅出的分析,主要包括CSS的基本语法和概念,设置文字、图片、背景、表格、表单和菜单等网页元素的方法,以及CSS滤镜的使用。...
这是一个很不错的CSS+DIV控制网页菜单横向导航的小例子,通过简单的例子,很容易掌握CSS+Div的用法。
使用下拉菜单(Dropdown)插件,您可以向任何组件(比如导航栏、标签页、胶囊式导航菜单、按钮等)添加下拉菜单。 下拉菜单.dropdown具体用法 .dropdown <下拉菜单触发器button+下拉菜单ul> .dropdown 包裹层 ....
第11章 CSS+div布局方法剖析 11.1 CSS排版观念 11.2 固定宽度且居中的版式 11.3 左中右版式 11.4 块的背景色问题 11.5 排版实例:电子相册 11.6 div排版与传统的表格方式排版的分析 ...
第11章 CSS+div布局方法剖析 11.1 CSS排版观念 11.2 固定宽度且居中的版式 11.3 左中右版式 11.4 块的背景色问题 11.5 排版实例:电子相册 11.6 div排版与传统的表格方式排版的分析 ...
第11章 CSS+div布局方法剖析 11.1 CSS排版观念 11.2 固定宽度且居中的版式 11.3 左中右版式 11.4 块的背景色问题 11.5 排版实例:电子相册 11.6 div排版与传统的表格方式排版的分析 ...
本书系统地讲解了CSS层迭样式表的基础理论和实际运用技术,通过大量实例对CSS进行深入浅出的分析,主要包括CSS的基本语法和概念,设置文字、图片、背景、表格、表单和菜单等网页元素的方法,以及CSS滤镜的使用。...
使用步骤,引用js,css。然后根据选择器标签,为其创建菜单即可,选择器方法同Jquery类似引用。demo.js中有对div,进行设置的demo.引用方法有说明,很容易可以看得懂。
菜单为Div 菜单为Bootstrap 3导航栏 将类属性添加到子项 子集菜单 顶部菜单 子菜单 兄弟菜单 面包屑菜单 高级用法 一个基本的例子 刀片控制结构@lm_attrs 项目的属性和回调函数 配置 如果你需要帮助 贡献 执照 ...
当使用菜单按钮时,需要结合GooContextMenu控件0.2版来使用. 可以定义让UI是的高度是否固定高度,还是自动适应内容框的高度(仅当标签头在顶部或底部时有效) 可以用AJAX从服务端获取要初始化渲染的工具栏组,...
这个方法可以解决多个Popup共存的问题,只是如果要使用这个方法来实现无限级菜单代码恐怕就比较繁琐了。这个例子,只是为我验证了无限级Popup窗口共存的可能,并没有继续走下去,因为我有了更好的思路。 Xml真是...
声明:这里非常感谢闲心大神,开源了非常好用的前端UI框架,layui,如有侵权请联系我。...本人在做管理后台事用到了左侧的导航列表,但是管理后台进来的菜单是根据不同账户的权限,显示...div class="layui-side layui-b
本文实例为大家分享了下拉菜单生成器dropMenu的使用方法,供大家参考,具体内容如 HTML <div class=input-group> 职级: <input type=text class=units form-control id=jobTitle value=其他 style=border-...