自拍晒物.html 13.9 KB
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>YOHO有货</title>
<meta name="description" content="YOHO有货,中国最大的潮流购物网站,100%正品保证,支持货到付款。汇集了全球流行时尚商品,是国内最大的原创文化商品平台,也是香港,台湾地区流行商品的集中地。同时包含日本、韩国等众多国外潮流品牌,带给您全新潮流购物体验。" />
<meta name="keywords" content="Yoho有货,潮流,时尚,流行,购物,B2C,正品,购物网站,网上购物,货到付款,品牌服饰,男士护肤,黑框眼镜,匡威,板鞋,美特斯邦威,i.t,izzue,李宁,new balance,新百伦,lacoste,melissa,casio,卡西欧手表,舒雅,江南布衣,jasonwood,odm,AAAA,香港购物网站,日本潮流" />
<link href="http://static.yohobuy.com/css/common.css" rel="stylesheet" type="text/css" media="all" />
<link href="http://static.yohobuy.com/css/style.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="http://static.yohobuy.com/js/jquery.min.js"></script>
<script type="text/javascript" src="http://static.yohobuy.com/js/yoho_common.js"></script>
<script type="text/javascript" src="http://static.yohobuy.com/js/jslider/jquery.slider-min.js"></script>
<link rel="stylesheet" href="http://static.yohobuy.com/js/jslider/stylesheets/jslider.css" type="text/css">
<script type="text/javascript" src="http://static.yohobuy.com/js/jslider/jquery.dependClass.js"></script>
<script type="text/javascript" src="http://static.yohobuy.com/js/jquery-treeview/jquery.treeview.js"></script>
<script src="http://static.yohobuy.com/js/jquery.cookie.js" type="text/javascript"></script>
</head>
<body>
<div id="wrapper"> 
  <!--页头开始-->
  <div class="header">
    <div class="liquidFix">
    <div class="logo"><a href="http://buy.yoho.cn"><img src="http://static.yohobuy.com/images/logo_yohobuy.png" alt="YOHO!有货 buy.yoho.cn-全球年轻人流行商品购物平台" /></a></div>
    <div class="right">
      <dl class="login">
        <script type="text/javascript">
<!--
$(function(){

$("#myyoho").hover(function(){
$(this).addClass("myyoho_a");
$(this).removeClass("myyoho_b");
$(this).find("ul").fadeIn ()
},
function(){
$(this).addClass("myyoho_b");
$(this).removeClass("myyoho_a");
$(this).find("ul").slideUp ("fast")
});
});
//-->
</script>
        <dd><a href="#">登录</a></dd>
        <dd><a href="#">注册</a></dd>
        <dt>
          <div id="myyoho">
            <ol>
              <a href="#">个人中心</a>
            </ol>
            <ul>
              <li><a href="#">订单中心</a></li>
              <li><a href="#">评价/ 晒物</a></li>
            </ul>
          </div>
        </dt>
        <dd><a href="#" class="vip">VIP</a></dd>
        <dd><a href="#">优惠券</a></dd>
        <dd><a href="#">帮助中心</a></dd>
      </dl>
      <div class="clear"></div>
      <dl class="search">
        <dt>
          <input type="text" class="input_search"/>
        </dt>
        <dd>
          <input type="button" class="btn_search" />
        </dd>
        <dd class="keywords">热搜:<a href="#">冬季新款</a> <a href="#">打折促销</a> <a href="#">优惠商品</a></dd>
      </dl>
      <div class="tab"> <a href="#" class="tab_new" title="新品上架"></a> <a href="#" class="tab_zt" title="潮流专题"></a> <a href="#" class="tab_brand" title="所有品牌"></a> </div>
    </div>
    </div>
    <div class="nav">
    <div class="liquidFix">
      <ul>
        <li><a href="#" class="n0">首页</a></li>
        <li><a href="#" class="n1">上衣</a></li>
        <li><a href="#" class="n2">外套</a></li>
        <li><a href="#" class="n3">裤类</a></li>
        <li><a href="#" class="n4">裙袜类</a></li>
        <li><a href="#" class="n5">内衣/泳衣</a></li>
        <li><a href="#" class="n6"></a></li>
        <li><a href="#" class="n7"></a></li>
        <li><a href="#" class="n8">配饰</a></li>
        <li><a href="#" class="n9">化妆品</a></li>
        <li><a href="#" class="n10">创意生活</a></li>
      </ul>
      <a href="#" class="btn_mycart"><span>我的购物车(33)</span></a> 
      </div>
      </div>
  </div>
  <!--页头结束--> 


<div class="container">
  <div class="daohang"> <a href="#">有货首页</a> > <span>自拍晒物</span> </div>
  <div class="con-left">
    <div class="select-box">
      <div class="title gender-title">选择性别:</div>
      <div class="gender"> <a href="#" class="all">全部</a> <a href="#" class="boy">帅哥</a> <a href="#" class="girl">靓女</a> <a href="#" class="all-act">全部</a> <a href="#" class="boy-act">帅哥</a> <a href="#" class="girl-act">靓女</a> <a href="#" class="all-none">全部</a> <a href="#" class="boy-none">帅哥</a> <a href="#" class="girl-none">靓女</a> </div>

      <div class="title category-title">选择商品分类:</div>
      <div class="category end"> 
        <script type="text/javascript">
$(document).ready(function(){
	$("#tree").treeview({
		animated: "fast",
		collapsed: true,
		unique: true,
		//persist: "cookie",
		toggle: function() {
			window.console && console.log("%o was toggled", this);
		}
	});
});
</script>
        <ul id="tree">
          <li><a href="#"><span class="a1">全部分类</span></a></li>
          <li><span class="a1"></span>
            <ul class="u1">
              <li><a href="#"><span>全部(45)</span></a></li>
              <li><a href="#"><span>皮鞋(300)</span></a></li>
              <li><a href="#"><span>凉鞋(16)</span></a></li>
              <li><a href="#"><span>运动鞋(27)</span></a></li>
              <li><a href="#"><span>靴子(56)</span></a></li>
              <li><a href="#"><span>帆布鞋(37)</span></a></li>
            </ul>
          </li>
          <li><span class="a1">帽有二级的</span>
            <ul class="u1">
              <li><a href="#"><span>全部(45)</span></a></li>
              <li><a href="#" class="act"><span>二级(300)</span></a></li>
              <li><a href="#"><span>二级(16)</span></a></li>
              <li><a href="#"><span>二级(27)</span></a></li>
              <li><a href="#"><span>二级(56)</span></a></li>
              <li><a href="#"><span>二级(37)</span></a></li>
            </ul>
          </li>
          <li><span class="a1">包有三级的</span>
            <ul class="u1">
              <li><a href="#"><span>全部(1145)</span></a></li>
              <li><span class="a2">二级有三(300)</span>
                <ul class="u2">
                  <li><a href="#"><span>lacoste(10)</span></a></li>
                  <li><a href="#" class="act"><span>lacoste(10)</span></a></li>
                  <li><a href="#"><span>lacoste(10)</span></a></li>
                </ul>
              </li>
              <li><span class="a2">二级有三(16)</span>
                <ul class="u2">
                  <li><a href="#"><span>lacoste(10)</span></a></li>
                  <li><a href="#"><span>中文(10)</span></a></li>
                  <li><a href="#"><span>汉字lacoste(10)</span></a></li>
                  <li><a href="#" class="a_more">更多品牌</a></li>
                </ul>
              </li>
              <li><a href="#"><span>二级(27)</span></a></li>
              <li><a href="#" class="act"><span>二级(56)</span></a></li>
              <li><a href="#"><span>二级(37)</span></a></li>
            </ul>
          </li>
          <li><a href="#"><span class="a1">内衣</span></a></li>
          <li><a href="#"><span class="a1">居家</span></a></li>
          <li><a href="#" class="act"><span class="a1">配饰</span></a></li>
          <li><a href="#"><span class="a1">玩偶</span></a></li>
          <li><a href="#"><span class="a1">文体用品</span></a></li>
          <li><a href="#"><span class="a1">化妆品</span></a></li>
          </li>
        </ul>
      </div>
      
    </div>
    <div class="clear"></div>
  </div>
  <div class="con-right"> 
    
    <!--自拍晒物开始-->
    <div class="zppiclist">
    
    <div class="title">
              <div class="page-r"><a href="#" class="p_pre" title="上一页">上一页</a><a href="#" class="p_next2">下一页</a></div>
              商品排序按:<a href="#" class="n_up">最新发布</a><a href="#" class="p_up">点击</a><a href="#" class="p_down">评论</a>
              <a href="#" class="n_up_act">最新发布</a><a href="#" class="p_up_act">点击</a><a href="#" class="p_down_act">评论</a>
    </div>
    
    <div class="main">
    <ul>
    <li><a href="#"><img src="http://static.yohobuy.com/images/p_sw_1.jpg" /></a></li>
    <li><a href="#"><img src="http://static.yohobuy.com/images/p_sw_2.jpg" /></a></li>
    <li><a href="#"><img src="http://static.yohobuy.com/images/p_sw_3.jpg" /></a></li>
    <li><a href="#"><img src="http://static.yohobuy.com/images/p_sw_4.jpg" /></a></li>
    <li><a href="#"><img src="http://static.yohobuy.com/images/p_sw_5.jpg" /></a></li>
    </ul>
    <ul>
    <li><a href="#"><img src="http://static.yohobuy.com/images/p_sw_6.jpg" /></a></li>
    <li><a href="#"><img src="http://static.yohobuy.com/images/p_sw_7.jpg" /></a></li>
    <li><a href="#"><img src="http://static.yohobuy.com/images/p_sw_8.jpg" /></a></li>
    <li><a href="#"><img src="http://static.yohobuy.com/images/p_sw_9.jpg" /></a></li>
    <li><a href="#"><img src="http://static.yohobuy.com/images/p_sw_10.jpg" /></a></li>
    </ul>
    <ul>
    <li><a href="#"><img src="http://static.yohobuy.com/images/p_sw_11.jpg" /></a></li>
    <li><a href="#"><img src="http://static.yohobuy.com/images/p_sw_12.jpg" /></a></li>
    <li><a href="#"><img src="http://static.yohobuy.com/images/p_sw_13.jpg" /></a></li>
    <li><a href="#"><img src="http://static.yohobuy.com/images/p_sw_1.jpg" /></a></li>
    <li><a href="#"><img src="http://static.yohobuy.com/images/p_sw_2.jpg" /></a></li>
    </ul>
    <ul>
    <li><a href="#"><img src="http://static.yohobuy.com/images/p_sw_3.jpg" /></a></li>
    <li><a href="#"><img src="http://static.yohobuy.com/images/p_sw_4.jpg" /></a></li>
    <li><a href="#"><img src="http://static.yohobuy.com/images/p_sw_5.jpg" /></a></li>
    <li><a href="#"><img src="http://static.yohobuy.com/images/p_sw_6.jpg" /></a></li>
    <li><a href="#"><img src="http://static.yohobuy.com/images/p_sw_7.jpg" /></a></li>
    </ul>
    <ul>
    <li><a href="#"><img src="http://static.yohobuy.com/images/p_sw_8.jpg" /></a></li>
    <li><a href="#"><img src="http://static.yohobuy.com/images/p_sw_9.jpg" /></a></li>
    <li><a href="#"><img src="http://static.yohobuy.com/images/p_sw_10.jpg" /></a></li>
    <li><a href="#"><img src="http://static.yohobuy.com/images/p_sw_11.jpg" /></a></li>
    <li><a href="#"><img src="http://static.yohobuy.com/images/p_sw_12.jpg" /></a></li>
    </ul>
    
    <div class="clear"></div>
    </div>
    <div class="clear"></div>
            <div class="page"> 共300条结果,1/30页:<a href="#" class="page_pre">上一页</a><a href="#" class="page_home">首页</a><a href="#" class="act"><span>1</span></a><a href="#"><span>2</span></a><a href="#"><span>3</span></a><a href="#"><span>4</span></a><a href="#"><span>5</span></a>...<a href="#"><span>30</span></a><a href="#" class="page_next">下一页</a> </div>
    </div>
    
    <!--自拍晒物结束-->
    
    <div class="clear"></div>
  </div>
</div>

  <!--页尾帮助开始-->
  <div class="helpinfo">
    <div class="liquidFix">
    <ul>
      <li class="begin">
        <dl class="li-1">
          <dt>新手上路</dt>
          <dd><a href="#">新用户注册</a></dd>
          <dd><a href="#">个人信息保护</a></dd>
          <dd><a href="#">订购流程</a></dd>
          <dd><a href="#">关于取消、变更订单</a></dd>
          <dd><a href="#">关于购物车</a></dd>
        </dl>
      </li>
      <li>
        <dl class="li-2">
          <dt>关于商品</dt>
          <dd><a href="#">找到想要的商品</a></dd>
          <dd><a href="#">试衣搭配</a></dd>
          <dd><a href="#">商品的详细信息</a></dd>
          <dd><a href="#">"预发售"的商品</a></dd>
        </dl>
      </li>
      <li>
        <dl class="li-3">
          <dt>付款方式</dt>
          <dd><a href="#">货到付款</a></dd>
          <dd><a href="#">网上银行支付</a></dd>
          <dd><a href="#">有货优惠券</a></dd>
          <dd><a href="#">YOHO币</a></dd>
          <dd><a href="#">关于货品发票</a></dd>
        </dl>
      </li>
      <li>
        <dl class="li-4">
          <dt>配送方式</dt>
          <dd><a href="#">配送方法</a></dd>
          <dd><a href="#">配送时间</a></dd>
          <dd><a href="#">配送范围</a></dd>
        </dl>
      </li>
      <li>
        <dl class="li-5">
          <dt>售后服务</dt>
          <dd><a href="#">商品的签收与拒收</a></dd>
          <dd><a href="#">商品的换货</a></dd>
          <dd><a href="#">商品的退货</a></dd>
        </dl>
      </li>
      <li class="end">
        <dl class="li-6">
          <dt>在线帮助</dt>
          <dd><a href="#">在线客服</a></dd>
          <dd><a href="#">电话:400-889-9646</a></dd>
          <dd><a href="#">关于警惕网络诈骗的
            重要公告</a></dd>
        </dl>
      </li>
    </ul>
    <div class="clear"></div>
    <div class="help-footer"></div>
    </div>
  </div>
  <!--页尾帮助结束--> 
  <!--页尾开始-->
  <div class="footer">
  <div class="liquidFix">
    <dl>
      <dt> <a href="#">返回首页</a> <a href="#">关于我们</a> <a href="#">诚聘英才</a> <a href="#">广告服务</a> <a href="#">联系我们</a> <a href="#">隐私条款</a> <a href="#">友情链接</a> <a href="#">问题反馈</a> <a href="#">网站地图</a> <a href="#">网站帮助</a> </dt>
      <dd> CopyRight © 2007-2016 NewPower Co. All Right Reserved. </dd>
    </dl>
   </div>
  </div>
  <!--页尾结束--> 
</div>
</body>
</html>