<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>蔚蓝网首页</title>
<link href="css/global.css" rel="stylesheet"/>
<link href="css/layout.css" rel="stylesheet"/>
<link href="css/template.css" rel="stylesheet" />
</head>
<body>
<!--随滚动条滚动可关闭广告-->
<div id="right" class="right">
<div class="dd_close" id="dd_close"><a href="javascript:void(0);">关闭</a></div>
<img src="images/scroll.jpg" id="right1" />
</div>
<header id="header">
<div class="header_top">
<div class="header_top_left">您好!欢迎光临蔚蓝网 [<a href="login.html" target="_parent">登录</a> | <a href="register.html" target="_parent">免费注册</a>]</div>
<div class="header_top_right">
<ul>
<li><a href="#" target="_self">客户服务</a></li>
<li>|</li>
<li id="menu"><a href="#" target="_self">新手入门</a> <img src="images/arrow_down.gif" alt="arrow" />
<div id="dd_menu_top_down">
<a href="#" target="_self">购物保障</a><br />
<a href="#" target="_self">购物流程</a><br />
<a href="#" target="_self">会员介绍</a><br />
<a href="#" target="_self">常见问题</a><br />
</div>
</li>
<li>|</li>
<li><a href="#" target="_self">礼品卡</a></li>
<li>|</li>
<li><a href="#" target="_self">我的订单</a></li>
<li>|</li>
<li><a href="#" target="_self">我的账户</a></li>
<li>|</li>
<li><a href="shopping.html" target="_parent">购物车</a></li>
<li><img src="images/header_shop.gif" alt="shopping"/></li>
</ul>
</div>
</div>
</header>
<div class="header_middle">
<div class="logo"><img src="images/logo.png" alt="logo"/></div>
<div class="search"><input type="text" placeholder="请输入搜索关键字"><input type="button"></div>
</div>
<nav id="nav">
<ul>
<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>
</ul>
</nav>
<section id="main">
<div id="catList">
<div class="book_sort">
<div class="book_sort_bg"><img src="images/dd_book_cate_icon.gif" alt="图书" /> 图书商品分类</div>
<div class="book_sort_bottom">悬疑 | 言情 | 职场 | 财经</div>
<div class="book_sort_bottom">文学 | 传记 | 艺术 | 摄影</div>
<div class="book_sort_bottom">青春文学 | 动漫 | 幽默</div>
<div class="book_sort_bottom">修养 | 成功 | 职场 | 沟通</div>
<div class="book_sort_bottom">0-2 | 3-6 | 7-10 | 11-14<br />文学 | 科普 | 图画书</div>
<div class="book_sort_bottom">教材 | 中小学教辅 | 外语</div>
</div>
</div>
<div id="content">
<div class="scroll">
<ul id="scroll_img">
<li><img src="images/scroll-01.jpg"/></li>
<li><img src="images/scroll-02.jpg"/></li>
<li><img src="images/scroll-03.jpg"/></li>
<li><img src="images/scroll-04.jpg"/></li>0
</ul>
<ul id="scroll_number">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
</div>
</div>
<section id="silder">
<div class="book_sort">
<div class="book_sort_bg"><img src="images/dd_book_mess.gif" alt="mess" style=" vertical-align:text-bottom;"/>书讯快递</div>
<div class="book_class">
<div id="dome">
<div id="dome1">
<ul id="express">
<li>・2010考研英语大纲到货75折...</li>
<li>・权威定本四大名著(人民文...</li>
<li>・口述历史权威唐德刚先生国...</li>
<li>・袁伟民与体坛风云:实话实...</li>
<li>・我们台湾这些年:轰动两岸...</li>
<li>・畅销教辅推荐:精品套书50...</li>
<li>・2010版法律硕士联考大纲75...</li>
<li>・计算机新书畅销书75折抢购</li>
<li>・2009年孩子最喜欢的书>></li>
<li>・弗洛伊德作品精选集59折</li>
<li>・2010考研英语大纲到货75折...</li>
<li>・权威定本四大名著(人民文...</li>
<li>・口述历史权威唐德刚先生国...</li>
<li>・袁伟民与体坛风云:实话实...</li>
<li>・我们台湾这些年:轰动两岸...</li>
<li>・畅销教辅推荐:精品套书50...</li>
<li>・2010版法律硕士联考大纲75...</li>
<li>・计算机新书畅销书75折抢购</li>
<li>・2009年孩子最喜欢的书>></li>
<li>・弗洛伊德作品精选集59折</li>
<li>・2010考研英语大纲到货75折...</li>
<li>・权威定本四大名著(人民文...</li>
<li>・口述历史权威唐德刚先生国...</li>
<li>・袁伟民与体坛风云:实话实...</li>
<li>・我们台湾这些年:轰动两岸...</li>
<li>・畅销教辅推荐:精品套书50...</li>
<li>・2010版法律硕士联考大纲75...</li>
<li>・计算机新书畅销书75折抢购</li>
<li>・2009年孩子最喜欢的书>></li>
<li>・弗洛伊德作品精选集59折</li>
<li>・2010考研英语大纲到货75折...</li>
<li>・权威定本四大名著(人民文...</li>
<li>・口述历史权威唐德刚先生国...</li>
<li>・袁伟民与体坛风云:实话实...</li>
<li>・我们台湾这些年:轰动两岸...</li>
<li>・畅销教辅推荐:精品套书50...</li>
<li>・2010版法律硕士联考大纲75...</li>
<li>・计算机新书畅销书75折抢购</li>
<li>・2009年孩子最喜欢的书>></li>
<li>・弗洛伊德作品精选集59折</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section class="book">
<h1>电子书</h1>
<ul>
<li><img src="images/dianzi01.jpg"></li>
<li><img src="images/dianzi02.jpg"></li>
<li><img src="images/dianzi03.jpg"></li>
<li><img src="images/dianzi04.jpg"></li>
<li><img src="images/dianzi05.jpg"></li>
<li><img src="images/dianzi06.jpg"></li>
</ul>
</section>
<section class="tab">
<ol>
<li>图书畅销榜</li>
<li>图书上新书榜</li>
</ol>
<ul>
<li><span>1</span><p>追风筝的人</p><dl><dt><img src="images/selling01.jpg"></dt><dd><h1>追风筝的人</h1>中文版,快乐大本营高圆圆感动推荐,奥巴马送给女儿的新年礼物</dd></dl></li>
<li><span>2</span><p>解忧杂货店</p><dl><dt><img src="images/selling02.jpg"></dt><dd><h1>解忧杂货店</h1>《白夜行》后东野圭吾备受欢迎作品:不是推理小说,却更扣人心弦</dd></dl></li>
<li><span>3</span><p>天才在左疯子在右</p><dl><dt><img src="images/selling03.jpg"></dt><dd><h1>天才在左疯子在右</h1>新增10个被封杀篇章!看高智商疯子如何调戏和羞辱正常人!继高圆圆后,女神陈乔恩芒果台盛情推荐!</dd></dl></li>
<li><span>4</span><p>白夜行</p><dl><dt><img src="images/selling04.jpg"></dt><dd><h1>白夜行</h1>东野圭吾推理小说无冕之王。全新精装典藏版</dd></dl></li>
<li><span>5</span><p>阮/陈恩静 吕亦涵 著</p><dl><dt><img src="images/selling05.jpg"></dt><dd><h1>阮/陈恩静 吕亦涵 著</h1>商战风云诡谲X情场暗潮汹涌。这一生幸运的是—— 以你之名,冠我之姓</dd></dl></li>
<li><span>6</span><p>摆渡人</p><dl><dt><img src="images/selling06.jpg"></dt><dd><h1>摆渡人</h1>畅销欧美33个国家,荣获多项图书大奖。如果命运是一条孤独的河流,谁会是你灵魂的摆渡人?如果我真的存在,也是因为你需要我。</dd></dl></li>
<li><span>7</span><p>岛上书店</p><dl><dt><img src="images/selling07.jpg"></dt><dd><h1>岛上书店</h1>每个人的生命中,都有无比艰难的那一年,将人生变得美好而辽阔</dd></dl></li>
<li><span>8</span><p>百年孤独</p><dl><dt><img src="images/selling08.jpg"></dt><dd><h1>百年孤独</h1>加西亚马尔克斯代表作,中文版首次授权!</dd></dl></li>
<li><span>9</span><p>我们仨</p><dl><dt><img src="images/selling09.jpg"></dt><dd><h1>我们仨</h1>《我们仨》是杨绛先生撰写的家庭生活回忆录,三联书店出版,影响几代人的作品,杨绛先生经典散文!</dd></dl></li>
<li><span>10</span><p>从你的全世界路过</p><dl><dt><img src="images/selling10.jpg"></dt><dd><h1>从你的全世界路过</h1>从你的全世界路过 2014中国好书榜获奖图书</dd></dl></li>
</ul>
<ul>
<li><span>1</span><p>好吗好的</p><dl><dt><img src="images/newBook01.jpg"></dt><dd><h1>好吗好的</h1>凡8月12日20:00前下单顾客,100%有大冰亲笔签名,之后下单顾客先到先得签名。各仓到货时间不一致,请各位耐心等待。</dd></dl></li>
<li><span>2</span><p>永无止尽的约会</p><dl><dt><img src="images/newBook02.jpg"></dt><dd><h1>永无止尽的约会</h1>永无止尽的约会</dd></dl></li>
<li><span>3</span><p>你的坚持,终将美好</p><dl><dt><img src="images/newBook03.jpg"></dt><dd><h1>你的坚持,终将美好</h1>无论正在经历什么,都请你不要轻言放弃,因为从来没有一种坚持会被辜负</dd></dl></li>
<li><span>4</span><p>茧</p><dl><dt><img src="images/newBook04.jpg"></dt><dd><h1>茧</h1>阔别十年,张悦然与我们再度重逢。真正的爱,是知道爱你有多困难还选择爱你;真正的长大,是知道生活的真相还热爱生活</dd></dl></li>
<li><span>5</span><p>就喜欢你看不惯我 </p><dl><dt><img src="images/newBook05.jpg"></dt><dd><h1>就喜欢你看不惯我 </h1>霸气吾皇率蠢萌巴扎黑、伪深邃的牛能强势归来!</dd></dl></li>
<li><span>6</span><p>遇见美好系列</p><dl><dt><img src="images/newBook06.jpg"></dt><dd><h1>遇见美好系列</h1>全8册,3-7岁心灵成长绘本。</dd></dl></li>
<li><span>7</span><p>八万四千问</p><dl><dt><img src="images/newBook07.jpg"></dt><dd><h1>八万四千问</h1>宗萨蒋扬钦哲仁波切四年来首部作品:“佛法能够解决你们的所有问题。</dd></dl></li>
<li><span>8</span><p>极简生活:简而美地活</p><dl><dt><img src="images/newBook08.jpg"></dt><dd><h1>极简生活:简而美地活</h1>极简是风靡全球的一种生活态度与理念。告别繁杂,拥有简而美的生活。</dd></dl></li>
<li><span>9</span><p>好妈妈胜过好老师</p><dl><dt><img src="images/newBook09.jpg"></dt><dd><h1>好妈妈胜过好老师</h1>好妈妈胜过好老师2:自由的孩子最自觉</dd></dl></li>
<li><span>10</span><p>我们始终独自行走在这个世界</p><dl><dt><img src="images/newBook10.jpg"></dt><dd><h1>我们始终独自行走在这个世界</h1>十点读书、二更食堂、清华南都等各大微信阅读平台,简书、豆瓣千万读者口碑相传作品。</dd></dl></li>
</ul>
</section>
</section>
<footer id="footer">
<div class="footer_top"><a href="#" target="_parent" class="footer_dull_red">正版保障</a> | <a href="#" target="_parent" class="footer_dull_red">满额免运</a> | <a href="#" target="_parent" class="footer_dull_red">货到付款</a> | <a href="#" target="_parent" class="footer_dull_red">品种最全</a> | <a href="#" target="_parent" class="footer_dull_red">免费退换</a></div>
<div class="footer_end">Copyright (C) 蔚蓝网 2006-2016, All Rights Reserved <img src="images/validate.gif" alt="版权" style="vertical-align:middle;" /> 京ICP证100488号 出版物经营许可证 京批100160号</div>
</footer>
<script src="js/jquery-1.12.4.js"></script>
<script src="js/index.js"></script>
<script src="js/header.js"></script>
</body>
</html>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>蔚蓝网购物车页面</title>
<link href="css/global.css" rel="stylesheet" />
<link href="css/layout.css" rel="stylesheet" />
<link href="css/template.css" rel="stylesheet" />
</head>
<body>
<header id="header">
<div class="header_top">
<div class="header_top_left">您好!欢迎光临蔚蓝网 [<a href="login.html" target="_parent">登录</a> | <a href="register.html" target="_parent">免费注册</a>]</div>
<div class="header_top_right">
<ul>
<li><a href="#" target="_self">客户服务</a></li>
<li>|</li>
<li id="menu"><a href="#" target="_self">新手入门</a> <img src="img/images/arrow_down.gif" alt="arrow" />
<div id="dd_menu_top_down">
<a href="#" target="_self">购物保障</a><br />
<a href="#" target="_self">购物流程</a><br />
<a href="#" target="_self">会员介绍</a><br />
<a href="#" target="_self">常见问题</a><br />
</div>
</li>
<li>|</li>
<li><a href="#" target="_self">礼品卡</a></li>
<li>|</li>
<li><a href="#" target="_self">我的订单</a></li>
<li>|</li>
<li><a href="#" target="_self">我的账户</a></li>
<li>|</li>
<li><a href="shopping.html" target="_parent">购物车</a></li>
<li><img src="img/images/header_shop.gif" alt="shopping"/></li>
</ul>
</div>
</div>
</header>
<div class="header_middle">
<div class="logo"><img src="img/images/logo.png" alt="logo"/></div>
<div class="search"><input type="text" placeholder="请输入搜索关键字"><input type="button"></div>
</div>
<nav id="nav">
<ul>
<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>
</ul>
</nav>
<div id="main">
<div> <img src="img/images/shopping_balance.gif" alt="shopping"/> <a href="#">全场免运费活动中</a></div>
<div class="shopping_commend">
<div class="shopping_commend_left">根据您挑选的商品,蔚蓝为您推荐</div>
<div class="shopping_commend_right"><img src="img/images/shopping_arrow_down.gif" alt="shopping" id="shopping_commend_arrow"/></div>
</div>
<div id="shopping_commend_sort">
<div class="shopping_commend_sort_left">
<ul>
<li class="shopping_commend_list_1">·<a href="#" class="blue">JavaScript DOM编程艺术</a></li>
<li class="shopping_commend_list_2">¥39.00</li>
<li class="shopping_commend_list_3">¥29.30</li>
<li class="shopping_commend_list_4"><a href="#" class="shopping_yellow">购买</a></li>
</ul>
<ul>
<li class="shopping_commend_list_1">·<a href="#" class="blue">解禁(蔚蓝网独家首发)</a></li>
<li class="shopping_commend_list_2">¥28.00</li>
<li class="shopping_commend_list_3">¥19.40</li>
<li class="shopping_commend_list_4"><a href="#" class="shopping_yellow">购买</a></li>
</ul>
<ul>
<li class="shopping_commend_list_1">·<a href="#" class="blue">地王之王(金融危机下房地产行...</a></li>
<li class="shopping_commend_list_2">¥32.80</li>
<li class="shopping_commend_list_3">¥25.10</li>
<li class="shopping_commend_list_4"><a href="#" class="shopping_yellow">购买</a></li>
</ul>
<ul>
<li class="shopping_commend_list_1">·<a href="#" class="blue">逃庄</a></li>
<li class="shopping_commend_list_2">¥36.00</li>
<li class="shopping_commend_list_3">¥27.70</li>
<li class="shopping_commend_list_4"><a href="#" class="shopping_yellow">购买</a></li>
</ul>
</div>
<div class="shopping_commend_sort_mid"></div>
<div class="shopping_commend_sort_left">
<ul>
<li class="shopping_commend_list_1">·<a href="#" class="blue">深入浅出MySQL数据库开发、优...</a></li>
<li class="shopping_commend_list_2">¥59.00</li>
<li class="shopping_commend_list_3">¥47.20</li>
<li class="shopping_commend_list_4"><a href="#" class="shopping_yellow">购买</a></li>
</ul>
<ul>
<li class="shopping_commend_list_1">·<a href="#" class="blue">大玩家(马未都、王刚推荐!央...</a></li>
<li class="shopping_commend_list_2">¥34.80</li>
<li class="shopping_commend_list_3">¥20.60</li>
<li class="shopping_commend_list_4"><a href="#" class="shopping_yellow">购买</a></li>
</ul>
<ul>
<li class="shopping_commend_list_1">·<a href="#" class="blue">都市风水师--官场风水小说:一...</a></li>
<li class="shopping_commend_list_2">¥39.80</li>
<li class="shopping_commend_list_3">¥30.50</li>
<li class="shopping_commend_list_4"><a href="#" class="shopping_yellow">购买</a></li>
</ul>
<ul>
<li class="shopping_commend_list_1">·<a href="#" class="blue">国戏(以麻将术语解读宦海沉浮...</a></li>
<li class="shopping_commend_list_2">¥25.00</li>
<li class="shopping_commend_list_3">¥17.30</li>
<li class="shopping_commend_list_4"><a href="#" class="shopping_yellow">购买</a></li>
</ul>
</div>
</div>
<div class="shopping_list_top">您已选购以下商品</div>
<div class="shopping_list_border">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr class="shopping_list_title">
<td class="shopping_list_title_1">商品名</td>
<td class="shopping_list_title_2">单品积分</td>
<td class="shopping_list_title_3">市场价</td>
<td class="shopping_list_title_4">蔚蓝价</td>
<td class="shopping_list_title_5">数量</td>
<td class="shopping_list_title_6">删除</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" id="myTableProduct">
<tr class="shopping_product_list" id="shoppingProduct_01">
<td class="shopping_product_list_1"><a href="#" class="blue">私募(首部披露资本博弈秘密的金融...</a></td>
<td class="shopping_product_list_2"><label>189</label></td>
<td class="shopping_product_list_3">¥<label>32.00</label></td>
<td class="shopping_product_list_4">¥<label>18.90 </label>(59折)</td>
<td class="shopping_product_list_5"><input type="text" value="1"/></td>
<td class="shopping_product_list_6"><a href="javascript:void(0)" class="blue">删除</a></td>
</tr>
<tr class="shopping_product_list" id="shoppingProduct_02">
<td class="shopping_product_list_1"><a href="#" class="blue"> 小团圆(张爱玲最神秘小说遗稿)</a></td>
<td class="shopping_product_list_2"><label>173</label></td>
<td class="shopping_product_list_3">¥<label>28.00</label></td>
<td class="shopping_product_list_4">¥<label>17.30</label>(62折)</td>
<td class="shopping_product_list_5"><input type="text" value="1"/></td>
<td class="shopping_product_list_6"><a href="javascript:void(0)" class="blue">删除</a></td>
</tr>
<tr class="shopping_product_list" id="shoppingProduct_03">
<td class="shopping_product_list_1"><a href="#" class="blue">不抱怨的世界(畅销全球80国的世界...</a></td>
<td class="shopping_product_list_2"><label>154</label></td>
<td class="shopping_product_list_3">¥<label>24.80</label></td>
<td class="shopping_product_list_4">¥<label>15.40</label> (62折)</td>
<td class="shopping_product_list_5"><input type="text" value="2"/></td>
<td class="shopping_product_list_6"><a href="javascript:void(0)" class="blue">删除</a></td>
</tr>
<tr class="shopping_product_list" id="shoppingProduct_04">
<td class="shopping_product_list_1"><a href="#" class="blue">福玛特双桶洗衣机XPB20-07S</a></td>
<td class="shopping_product_list_2"><label>358</label></td>
<td class="shopping_product_list_3">¥<label>458.00</label></td>
<td class="shopping_product_list_4">¥<label>358.00</label> (78折)</td>
<td class="shopping_product_list_5"><input type="text" value="1"/></td>
<td class="shopping_product_list_6"><a href="javascript:void(0)" class="blue">删除</a></td>
</tr>
<tr class="shopping_product_list" id="shoppingProduct_05">
<td class="shopping_product_list_1"><a href="#" class="blue">PHP和MySQL Web开发 (原书第4版)</a></td>
<td class="shopping_product_list_2"><label>712</label></td>
<td class="shopping_product_list_3">¥<label>95.00</label></td>
<td class="shopping_product_list_4">¥<label>71.20</label> (75折)</td>
<td class="shopping_product_list_5"><input type="text" value="1"/></td>
<td class="shopping_product_list_6"><a href="javascript:void(0)" class="blue">删除</a></td>
</tr>
<tr class="shopping_product_list" id="shoppingProduct_06">
<td class="shopping_product_list_1"><a href="#" class="blue">法布尔昆虫记</a>(再买¥68.30即可参加“满199元减10元现金”活动)</td>
<td class="shopping_product_list_2"><label>10</label></td>
<td class="shopping_product_list_3">¥<label>198.00</label></td>
<td class="shopping_product_list_4">¥<label>130.70</label> (66折)</td>
<td class="shopping_product_list_5"><input type="text" value="1"/></td>
<td class="shopping_product_list_6"><a href="javascript:void(0)" class="blue">删除</a></td>
</tr>
</table>
<div class="shopping_list_end">
<div><a id="removeAllProduct" href="javascript:void(0);">清空购物车</a></div>
<ul>
<li class="shopping_list_end_1"><input name="" type="image" src="images/shopping_balance.gif"/></li>
<li class="shopping_list_end_2">¥<label id="product_total"></label></li>
<li class="shopping_list_end_3">商品金额总计:</li>
<li class="shopping_list_end_4">您共节省金额:¥<label class="shopping_list_end_yellow" id="product_save"></label><br/>
可获商品积分:<label class="shopping_list_end_yellow" id="product_integral"></label>
</li>
</ul>
</div>
</div>
</div>
<footer id="footer">
<div class="footer_top"><a href="#" target="_parent" class="footer_dull_red">正版保障</a> | <a href="#" target="_parent" class="footer_dull_red">满额免运</a> | <a href="#" target="_parent" class="footer_dull_red">货到付款</a> | <a href="#" target="_parent" class="footer_dull_red">品种最全</a> | <a href="#" target="_parent" class="footer_dull_red">免费退换</a></div>
<div class="footer_end">Copyright (C) 蔚蓝网 2006-2016, All Rights Reserved <img src="images/validate.gif" alt="版权" style="vertical-align:middle;" /> 京ICP证100488号 出版物经营许可证 京批100160号</div>
</footer>
<script src="js/jquery-1.12.4.js"></script>
<script src="js/shopping.js"></script>
<script src="js/header.js"></script>
</body>
</html>