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 制作横向导航菜单

好,开始上课!                前三节课,我们知道了什么是“块状元素和内联元素”,以及xHTML+CSS布局的核心概念“盒子模型”,同时又学习了一下页面布局中两种方法中的一种方法“浮...
  • wl_haanel
  • wl_haanel
  • 2014年05月19日 12:44
  • 6539

DIV CSS 布局定位 实例 菜单导航 详解

为什么要用Div Css可以简单的作如下解释: 当时创造WEB的那个人也发明了用TABLE布局,当TABLE布局泛滥之后,然后他说:我创造了WEB也毁了WEB,TABLE布局会给一个网...
  • eagleking012
  • eagleking012
  • 2011年09月22日 22:24
  • 7197

font div等的用法

要添加的文字 的简单使用,只是对字体进行限制,或只是对字体进行描述,功能很简单,但用处却很强大。 只是做表格使用,里面的限制东西也只是针对表格的大小,颜色等,如果是对里面的字体进行描述,就需要对程序...
  • huifeidezhu521
  • huifeidezhu521
  • 2017年11月07日 18:42
  • 26

tab功能菜单——利用tab切换不同的div

需求:在web界面上实现类型tab页签的效果 aspx界面代码: ...
  • zouyujie1127
  • zouyujie1127
  • 2014年10月25日 21:58
  • 11771

纯DIV+CSS制作的下拉菜单,二级下拉菜单,三级下拉菜单

  HTML代码http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">三级dro...
  • xssh913913
  • xssh913913
  • 2007年11月23日 01:26
  • 1531

汇编中div指令使用

当除数是字节 也就是8位的时候  被除数必须是16位  被除数存放在ax寄存器中  除数放在bl中 除到得 结果是 商是8位放在al中 余数放在ah中 例子 mov ax,0006h mov ...
  • liaomin416100569
  • liaomin416100569
  • 2012年03月28日 10:37
  • 5167

DIV+CSS布局入门示例(四)页面顶部 列表<li>制作菜单

开始此节的学习前,请确认你已经参照之前的几节内容写入了DIV、CSS到index.htm和css.css文件中。   这一节我将告诉大家如何用列表来制作菜单。 Example Source ...
  • u013680195
  • u013680195
  • 2014年03月14日 21:02
  • 1758

html中的div标签的含义和应用

CSS是DHTML的基础,CSS用于设定HTML元素在页面上的显示风格,而CSS-P则是CSS的一个扩展,它可用来控制HTML元素在网页上或者说在窗口的位置。下面的两个链接提供了CSS和CSS-P详尽...
  • ysuncn
  • ysuncn
  • 2008年03月16日 15:35
  • 11278

汇编:div指令讲解

转自:http://blog.csdn.net/loovejava/article/details/7044242 div是除法指令,使用div做除法的时候应注意以下问题: 1、除数:...
  • lufqnuli
  • lufqnuli
  • 2016年12月29日 18:21
  • 516

DIV CSS实现左边商品分类菜单

与某个电子商务网站的左边商品分类菜单类似的用div + css实现的分类菜单,具体的实现如下: 左菜单分类显示 $(function(){ $(".listsum-1 dt").c...
  • maojycom
  • maojycom
  • 2014年12月20日 19:54
  • 1158
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:div菜单等的用法
举报原因:
原因补充:

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