HTML期末作业-网上书城网上书店_学生期末作业

irpas 02-07 5816

??HTML期末作业-网上书城网上书店，HTML+css+JavaScript,7个页面! 部分源码 <!DOCTYPE HTML> <html> <head> <title>网上书城</title> <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all"> <link href="css/style.css" rel="stylesheet" type="text/css" media="all" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'> <script src="js/jquery.min.js"></script> <script type="text/javascript" src="js/easing.js"></script> <link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" /> <link href="css/megamenu.css" rel="stylesheet" type="text/css" media="all" /> <link href="css/form.css" rel="stylesheet" type="text/css" media="all" /> <script type="text/javascript" src="js/megamenu.js"></script> <script>$(document).ready(function(){$(".megamenu").megamenu();});</script> <script src="js/menu_jquery.js"></script> <script src="js/jquery.easydropdown.js"></script> <script src="js/jquery.etalage.min.js"></script> <script> jQuery(document).ready(function($){ $('#etalage').etalage({ thumb_image_width: 300, thumb_image_height: 400, source_image_width: 800, source_image_height: 1000, show_hint: true, click_callback: function(image_anchor, instance_id){ alert('Callback example:\nYou clicked on an image with the anchor: "'+image_anchor+'"\n(in Etalage instance: "'+instance_id+'")'); } }); }); </script> </head> <body>  <div class="header"> <div class="top_bg"> <div class="container"> <div class="header_top"> <div class="logo"> <a href="index.html"><img src="images/book/xtulogo.png" alt=""/></a> <div class="top_right"> <ul> <li><a href="registration.html">注册</a></li>| <li class="login" > <div id="loginContainer"><a href="#" id="loginButton"><span>登录</span></a> <div id="loginBox"> <form id="loginForm"> <fieldset id="body"> <fieldset> <label for="email">账号</label> <input type="text" name="email" id="email"> </fieldset> <fieldset> <label for="password">密码</label> <input type="password" name="password" id="password"> </fieldset> <input type="submit" id="login" value="Sign in"> <label for="checkbox"><input type="checkbox" id="checkbox"> <i>记住密码</i></label> </fieldset> <span><a href="#"> 忘记密码？</a></span> </form> </div> </div> </li> </ul> </div> </div> <div class="clearfix"> </div> </div> </div> </div> </div> <div class="head-bann"> <div class="container"> <div class="head-nav"> <span class="menu"> </span> <ul class="megamenu skyblue"> <li><a class="color1" href="index.html">主页</a></li> <li class="grid"><a class="color2" href="women.html">商城</a></li> <li><a class="color4" href="details.html">信息</a></li> <li><a class="color5" href="registration.html">注册</a></li> <li><a class="color7" href="brands.html">出版社</a></li> <li><a class="color8" href="buy.html">购物车</a></li> <li><a class="color6" href="contact.html">联系我们</a></li> <div class="clearfix"> </div> </ul> </div> </div> </div>  <script> $( "span.menu" ).click(function() { $( ".head-nav ul" ).slideToggle(300, function() { // Animation complete. }); }); </script>  <div class="banner"> <div class="container"> <div class="col-md-6"> </div> <div class="col-md-6 banner-info"> <h1>网上图书城</h1> <p>你的到来，</p> <p>为书城增添魅力。</p> <a class="show-more" href="#">更多精彩</a> </div> <div class="clearfix"> </div> </div> </div>  <div class="instock"> <div class="container"> <div class="col-md-6 chuk"> <div class="blanc-info"> <h3 style="color: #613030">《浮生六记》</h3> <h4><p style="color: #613030">情深不寿，</p> <p style="color: #613030">寿则多辱。</p> <p style="color: #613030">￥25</p></h4> <a class="show" href="#">更多内容</a> </div> </div> <div class="col-md-6 blanc"> <div class="blanc-info"> <h3 style="color: #613030">《人间词话》</h3> <h4><p style="color: #613030">自是思量渠不成</p> <p style="color: #613030">人间总被思量误</p> <p style="color: #613030">￥25</p></h4> <a class="show" href="#">更多内容</a> </div> </div> <div class="clearfix"> </div> </div> </div>  <div class="featured"> <div class="container"> <div class="col-md-9"> <div class="biseller-info"> <h3 class="new-models">新书上架</h3> <ul id="flexiselDemo3"> <li> <div class="biseller-column"> <img src="images/book/book1.jpg" class="img-responsive" alt="" class="veiw-img"> <a href="#"><i class="new"></i></a> <div class="biseller-name"> <h4>飞花令里的读诗词</h4> <p>￥28</p> </div> </div> </li> <li> <div class="biseller-column"> <img src="images/book/book2.jpg" class="img-responsive" alt="" class="veiw-img"> <a href="#"><i class="new"></i></a> <div class="biseller-name"> <h4>亲密关系</h4> <p>￥25</p> </div> </div> </li> <li> <div class="biseller-column"> <img src="images/book/book3.jpg" class="img-responsive" alt="" class="veiw-img"> <a href="#"><i class="new"></i></a> <div class="biseller-name"> <h4>人性的弱点</h4> <p>￥30</p> </div> </div> </li> </ul> </div> <script type="text/javascript"> $(window).load(function() { $("#flexiselDemo3").flexisel({ visibleItems: 3, animationSpeed: 1000, autoPlay: false, autoPlaySpeed: 3000, pauseOnHover: true, enableResponsiveBreakpoints: true, responsiveBreakpoints: { portrait: { changePoint:480, visibleItems: 1 }, landscape: { changePoint:640, visibleItems: 2 }, tablet: { changePoint:768, visibleItems: 3 } } }); }); </script> <script type="text/javascript" src="js/jquery.flexisel.js"></script> <div class="best-seller"> <div class="biseller-info"> <h3 class="new-models">本周精选</h3> <ul id="flexiselDemo1"> <li> <div class="biseller-column"> <img src="images/book/book6.jpg" class="img-responsive" alt=""> <a href="#"><i class="new"></i></a> <div class="biseller-name"> <h4>围城</h4> <p>￥15</p> </div> </div> </li> <li> <div class="biseller-column"> <img src="images/book/book11.jpg" class="img-responsive" alt=""> <a href="#"><i class="new"></i></a> <div class="biseller-name"> <h4>第七天</h4> <p>￥35</p> </div> </div> </li> <li> <div class="biseller-column"> <img src="images/book/book5.jpg" class="img-responsive" alt=""> <a href="#"><i class="new"></i></a> <div class="biseller-name"> <h4>诗经之美</h4> <p>￥29</p> </div> </div> </li> </ul> </div> </div><div class="tlinks">Collect from <a href="http://·/" target="_blank" title="湘潭大学知识产权学院">湘潭大学知识产权学院</a> - Collect from <a href="https://·" title="湘潭大学" target="_blank">湘潭大学</a></p> </div> </div>  </body> </html> ?HTML期末作业-网上书城网上书店部分截图?