<!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>
1 回答
蚂蚁Fly
TA贡献11条经验 获得超2个赞
<ul style="display:none"> <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>
没有失效啊老大
添加回答
举报
0/150
提交
取消