<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>YaM!BuY 图书 | 各类图书应有尽有 </title>
<link rel="stylesheet" type="text/css" href="css/main.css" />
<link rel="stylesheet" type="text/css" href="css/reset.css" />
<script src="js/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
$(".1li").mouseover(function() {
$(this).children("ul").show();
})
$(".1li").mouseout(function() {
$(this).children("ul").hide();
})
})
</script>
</head>
<body>
<div class="headerBar">
<div class="topBar comWidth">
<div class="left">
<a href="index.html"><img src="img/icon/li.png">YaM!BuY 图书</a>
</div>
<ul>
<div class="header-li">
<li>
<a href=""><img src="img/icon/massageicon.png" />消息</a>
</li>
<li>
<a href=""><img src="img/icon/桃心.png" />我的收藏 | </a>
</li>
<li>
<a href=""><img src="img/icon/file.png" />我的订单 | </a>
</li>
<li>
<a href=""><img src="img/icon/我的买啦.png" />MY图书 | </a>
</li>
<li>
<span class="hi">Hi~</span>[<a href="DL.html">登录</a>][<a href="ZC.html">注册</a>] |
</li>
</div>
</ul>
</div>
</div>
<div class="logoBar">
<div class="comWidth">
<div class="logo">
<a href=""><img src="images/logo.png" alt="YaM!BuY"></a>
</div>
<div class="search_box right">
<input type="text" class="search_text">
<input type="button" value="搜索" class="search_btn">
</div>
</div>
</div>
<div class="navBox">
<div class="comWidth">
<ul>
<li class="Lit 1li"> <a href="#">文学馆</a>
<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>
<li><a href="#">动漫</a></li>
</ul>
</li>
<li class="Kid 1li"> <a href="#">童书馆</a>
<ul>
<li><a href="#">0-2</a></li>
<li><a href="#">3-6</a></li>
<li><a href="#">7-10</a></li>
<li><a href="#">11-14</a></li>
<li><a href="#">绘本</a></li>
<li><a href="#">儿童文学</a></li>
</ul>
</li>
<li class="Life 1li"> <a href="#">生活馆</a>
<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>
<li><a href="#">两性</a></li>
</ul>
</li>
<li class="Art 1li"> <a href="#">科技馆</a>
<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>
<li><a href="#">农业林业</a></li>
</ul>
</li>
<li class="Sci 1li"> <a href="#">艺术馆</a>
<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>
<li><a href="#">收藏</a></li>
</ul>
</li>
<li class="Com 1li"> <a href="#">计算机馆</a>
<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>
<li><a href="#">运维测试</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div id="container">
<div id="list" style="left: -600px;">
<img src="img/5.jpg" alt="1" />
<img src="img/1.jpg" alt="1" />
<img src="img/2.jpg" alt="2" />
<img src="img/3.jpg" alt="3" />
<img src="img/4.jpg" alt="4" />
<img src="img/5.jpg" alt="5" />
<img src="img/1.jpg" alt="5" />
</div>
<div id="buttons">
<span index="1" class="on"></span>
<span index="2"></span>
<span index="3"></span>
<span index="4"></span>
<span index="5"></span>
</div>
<a href="javascript:;" id="prev" class="arrow"><</a>
<a href="javascript:;" id="next" class="arrow">></a>
<script src="js/container.js"></script>
</div>
</body>
</html>
蚂蚁Fly