<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>2014淘宝首页html模板_777模板www.777moban.com</title>
<link rel="stylesheet" href="css/reset.css"/>
<link rel="stylesheet" href="css/font-awesome.min.css"/>
<link rel="stylesheet" href="css/style.css"/>
</head>
<body>
<!--scroll-head-->
<div class="scroll-head"></div>
<!--top-->
<div class="top-wrapper">
<div class="top-info">
<div class="top-left">
<div data-toggle="arrowdown" id="arrow1" class="user-name">
<a href="#">淘宝</a>
<span class="down-icon"></span>
</div>
<div data-toggle="arrowdown" id="arrow2" class="msg-info">
<i class="fa fa-envelope fa-gray"></i>
<a href="#">消息</a>
<span class="down-icon"></span>
</div>
<a class="a-float-left" href="#">手机淘宝</a>
<img height="34px" a-float-left src="img/qqq.gif" />
<!--hidden-box-->
<div data-toggle="hidden-box" id="nav-box1" class="user-box">
<img class="my-head" src="img/user-head.jpg" />
<div class="my-grow">
<h1><a href="#">账号管理</a> | <a href="#">退出</a></h1>
<p>
<h2><a href="#">查看我会员特权</a></h2>
<a href="#">我的成长</a>
</p>
</div>
<p style="height: 10px; clear: both;"> </p>
<div class="my-card">
<div class="cards-info">
<ul>
<li><img src="img/icon.png" /></li>
<li><img src="img/icon.png" /></li>
</ul>
</div>
<div class="toggle-box">
<div class="toggle">
<i style="vertical-align: top" class="fa fa-angle-left arrow-left"></i>
<i style="vertical-align: top" class="fa fa-angle-right arrow-right"></i>
</div>
</div>
</div>
</div>
<div data-toggle="hidden-box" id="nav-box2" class="msg-box">
<h1>未读新消息<a href="#" class="fa fa-pencil-square-o pencil"></a></h1>
<div class="read-info">
<h2><span class="orange"> |</span> 你的书架 <span style="font-weight: lighter">收到了<span class="orange">1</span>本书</span><span class="fa fa-times close-msg"></span></h2>
<img src="img/book-1.png" />
<div style="float: right">
<p>
全中国最穷的小伙子发财日记<br/>
掏彩票公共账号
</p>
<h3><a href="#">去看看</a></h3>
</div>
</div>
<div class="msg-setting">
<a href="#" class="fa fa-cog"></a>
<a href="#" class="fa fa-pencil-square-o"></a>
<a style="margin-left: 70px" href="#">买家消息 | </a>
<a href="#">卖家消息</a>
</div>
</div>
</div>
<!--top-right-->
<div class="top-right">
<div data-toggle="arrowdown" id="arrow3" class="user-name">
<a href="#">我的淘宝</a>
<span class="down-icon"></span>
</div>
<div data-toggle="arrowdown" id="arrow4" class="user-name">
<i class="fa fa-shopping-cart fa-orange"></i>
<a href="#">购物车</a>
<span class="down-icon"></span>
</div>
<div data-toggle="arrowdown" id="arrow5" class="user-name">
<i class="fa fa-star fa-gray"></i>
<a href="#">收藏夹</a>
<span class="down-icon"></span>
</div>
<a class="a-float-left" href="#">商品分类</a>
<span class="vertical-line">|</span>
<div data-toggle="arrowdown" id="arrow6" class="user-name">
<a href="#">卖家中心</a>
<span class="down-icon"></span>
</div>
<a class="a-float-left" href="#">联系客户</a>
<div data-toggle="arrowdown" id="arrow7" class="user-name">
<i class="fa fa-list-ul fa-orange"></i>
<a href="#">网站导航</a>
<span class="down-icon"></span>
</div>
<!--hidden-box-->
<div data-toggle="hidden-box" id="nav-box3" class="my-taobao-box">
<ul>
<li>已买到的宝贝</li>
<li>新欢</li>
<li>我的足迹</li>
<li>我的上新</li>
<li>我的优惠</li>
</ul>
</div>
<div data-toggle="hidden-box" id="nav-box4" class="shopping-box">
<span>您购物车里还没有任何宝贝。</span><a class="check-shopp" href="#">查看我的购物车</a>
</div>
<div data-toggle="hidden-box" id="nav-box5" class="get-box">
<ul>
<li>收藏的宝贝</li>
<li>收藏的店铺</li>
</ul>
</div>
<div data-toggle="hidden-box" id="nav-box6" class="center-box">
<ul>
<li>已卖出的宝贝</li>
<li>出售中的宝贝</li>
<li>卖家服务市场</li>
<li>卖家培训中心</li>
</ul>
</div>
<div data-toggle="hidden-box" id="nav-box7" class="nav-box">
<div class="sub-nav top-sub-nav">
<!--<input type="button" class="more-btn" value="更多"/>-->
<!--sub-nav-cell-->
<div class="sub-nav-cell right-shadow">
<h3 class="orange">主题市场</h3>
<ul class="sub-nav-box">
<li><a href="#">爱美女人</a></li>
<li><a href="#">品质男人</a></li>
<li><a href="#">淘宝二手</a></li>
<li><a href="#">全球购</a></li>
<li><a href="#">品牌街</a></li>
<li><a href="#">汽车生活</a></li>
<li><a href="#">花嫁新娘</a></li>
<li><a href="#">孕婴童</a></li>
<li><a href="#">同城便民</a></li>
<li><a href="#">爱么装</a></li>
<li><a href="#">运动户外</a></li>
<li><a href="#">家用电器</a></li>
<li><a href="#">狠爱</a></li>
<li><a href="#">网络游戏</a></li>
<li><a href="#">潮流设计</a></li>
淘宝首页HTML源码
需积分: 43 165 浏览量
2015-12-16
18:31:20
上传
评论 2
收藏 1.34MB ZIP 举报
淘宝首页HTML源码 （106个子文件） 
style.css 32KB font-awesome.min.css 17KB reset.css 2KB fontawesome-webfont.eot 37KB
logo.gif 85KB qqq.gif 9KB ad.gif 6KB c.gif 4KB
index.html 296KB taobao.iml 292B
5.jpg 88KB 3.jpg 70KB 2.jpg 66KB 4.jpg 65KB 1.jpg 42KB last2.jpg 35KB ad.jpg 31KB 6.6.jpg 29KB sub2.jpg 25KB sub3.jpg 17KB sub1.jpg 15KB 15.jpg 14KB dynamic2.jpg 11KB dynamic1.jpg 11KB ad1.jpg 9KB sing1.jpg 9KB 02.jpg 8KB hand.jpg 7KB shoes.jpg 7KB dynamic3.jpg 6KB aaaaa.jpg 5KB home.jpg 5KB user-head.jpg 4KB shooes.jpg 4KB jquery_1.9.js 271KB img-show.js 9KB main.js 9KB .name 6B FontAwesome.otf 61KB
show1.png 33KB inner2.png 21KB inner3.png 20KB inner1.png 19KB female.png 18KB some.png 17KB code.png 16KB icon.png 14KB book-1.png 12KB 70.png 12KB tao-man.png 10KB 03.png 8KB last1.png 8KB logo.png 6KB user-bg.png 4KB help3.png 4KB 007.png 4KB 015.png 4KB help1.png 4KB 014.png 4KB 001.png 4KB 004.png 4KB 005.png 3KB 003.png 3KB 013.png 3KB 006.png 3KB help2.png 3KB 011.png 3KB help4.png 3KB 016.png 3KB 012.png 3KB 002.png 3KB move.png 3KB 009.png 3KB tao.png 3KB 04.png 3KB 008.png 3KB 010.png 3KB money.png 3KB plane.png 3KB save.png 3KB 18.png 3KB search.png 3KB game.png 3KB book.png 3KB miusc.png 3KB s.png 3KB user-num.png 3KB bag.png 3KB eat.png 3KB 01.png 3KB ....png 3KB phone.png 3KB close-code.png 3KB down.png 3KB up.png 3KB arrow.png 3KB arrow-white.png 3KB
fontawesome-webfont.svg 197KB fontawesome-webfont.ttf 79KB fontawesome-webfont.woff 43KB共 106 条
- 1
- 2
资源评论
