div菜单等的用法

原创 2007年09月25日 13:49:00


<%@ 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">&nbsp;新</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水平三级导航菜单

纯div+css水平三级导航菜单_ /* common styling */ .menu {font-family: arial, sans-serif; width:749px; heigh...

jquery+div+css二级菜单

#table5 { margin-top:16px;border:solid 1px #e71212; height:148px;} #table5 td{ }/*border:solid...

我是如何成为一名python大咖的?

人生苦短,都说必须python,那么我分享下我是如何从小白成为Python资深开发者的吧。2014年我大学刚毕业..

简单的div+css+jquery菜单导航

导航菜单 a{ text-decoration: none; } .topnav { list-style: none; margin: 0; background: #...

DIV+js后台左侧专用菜单

转载地址 后台左侧菜单,背景颜色以及长宽都可以改,代码里有注释,本菜单可广泛应用于网站后台管理的左侧,作为主菜单,简洁风格,优点是修改容易,菜单项直接写在HTML里,而非JS文件里 http://w...

CSS弹出二级多列菜单和DIV布局实例 - 仿IBM官网首页

图 顶层CSS菜单,弹出二级菜单,二级菜单多列; 主体部分三个DIV布局; 这个是IBM官网布局的样子; 代码,拿去花吧;我的奶酪很多;     "http://www.w3.org...

JS闭包实现给DIV添加事件 显示二级菜单例子

HTML:    1ul id="pmenu" class="adminLeftNav">      2    ...

页面下拉菜单 div ul li css

页面下拉菜单 div ul li css 下拉如图: "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"...

div树形菜单

DIV树:client_Tree.jsp                    ClientTreeReader.java    ...
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)