寒假作业10
<!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 class="header_middle"><div id="register_header"><div class="register_header_left"><img src="images/logo.png" alt="logo"/></div><div class="register_header_right"><a href="index.html" class="blue">首頁</a> | <a href="product.html" class="blue">商品展示頁</a> | <a href="shopping.html" class="blue">購物車</a> | <a href="login.html" class="blue">登錄</a></div></div>
</header>
<section id="main"><div class="register_content"><div class="register_mid_bg">用戶注冊</div><div class="register_message"><form action="" method="post" id="myform"><dl class="register_row"><dt>Email地址：</dt><dd><input id="email" type="email" required="required" class="register_input"/></dd></dl><dl class="register_row"><dt>設置昵稱：</dt><dd><input id="nickName" type="text" class="register_input" required="required" pattern="[a-zA-Z0-9]{4,20}"/></dd></dl><dl class="register_row"><dt>設定密碼：</dt><dd><input id="pwd" type="password" class="register_input"required="required" pattern="[a-zA-Z0-9]{6,20}"/></dd></dl><dl class="register_row"><dt>再輸入一次密碼：</dt><dd><input id="repwd" type="password" class="register_input"/></dd></dl><dl class="register_row"><dt>性別：</dt><dd><input name="sex" id="man" type="radio" value="男" checked="checked"/> <label for="man">男</label></dd><dd> <input name="sex" id="woman" type="radio" value="女"/> <label for="woman">女</label></dd></dl><dl class="register_row"><dt>所在地區：</dt><dd><select id="province" style="width:120px;"><option>請選擇省/城市</option></select></dd><dd><select id="city" style="width:130px;"><option>請選擇城市/地區</option></select></dd></dl><div class="registerBtn"><input id="registerBtn" type="image" src="images/register_btn_out.gif"/></div></form></div></div>
</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/register.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="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 class="current_place">您現在的位置：<a href="index.html">蔚藍圖書</a> >> 小說 >> 財經</div><!--左側菜單開始--><div id="product_left"><div id="product_catList"><div class="product_catList_top">瀏覽同級分類</div><div id="product_catList_class"><!--使用javaScript顯示圖書分類--></div></div><div class="product_catList_end"><img src="images/product_01.gif" alt="shopping"/><img src="images/product_02.gif" alt="shopping"/></div></div><!--右側內容開始--><div id="product_storyList"><div id="product_storyList_top"><ul><li>排序方式</li><li><img src="images/dd_arrow_right.gif" alt="arrow"/></li><li><select id="compositor"><option>按銷量 降序</option><option>按價格 升序</option><option>按價格 降序</option><option>按折扣 升序</option><option>按折扣 降序</option><option>按出版時間 升序</option><option>按出版時間 降序</option><option>按上架時間 升序</option><option>按上架時間 降序</option></select></li><li><img src="images/product_icon_01.gif" alt="icon"/></li><li><img src="images/product_icon_02.gif" alt="icon"/></li><li><img src="images/product_icon_03.gif" alt="icon"/></li><li><img src="images/product_icon_04.gif" alt="icon"/></li><li>每頁顯示的數量</li><li><img src="images/dd_arrow_right.gif" alt="arrow"/></li><li><img src="images/product_icon_20.gif" alt="icon"/></li><li><img src="images/product_icon_40.gif" alt="icon"/></li><li style="float:right; padding-right:10px;"><img src="images/product_page_down.gif" alt="icon"/></li><li style="float:right;">第1頁</li><li style="float:right;"><img src="images/product_page_up.gif" alt="icon"/></li></ul></div><div id="product_array"><a class="click" name="array" href="javascript:void(0)">列表</a><a name="bigImg" href="javascript:void(0)">大圖</a></div><!--圖書排列開始--><div id="product_storyList_content" class="product_storyList_content"><div id="storyBooksssss"><!--使用javaScript顯示圖書列表--></div><!--列表開始--><div class="product_storyList_content_left"><img src="images/product_list_01.jpg" alt="圖書列表"/></div><div class="product_storyList_content_right"><ul><li class="product_storyList_content_dash"><a href="#" class="blue_14">私募（首部披露資本博弈秘密的金融小說）</a></li><li>顧客評分：<img src="images/star_red.gif" alt="star"/><img src="images/star_red.gif" alt="star"/><img src="images/star_red.gif" alt="star"/><img src="images/star_red.gif" alt="star"/><img src="images/star_gray.gif" alt="star"/></li><li>作 者：<a href="#" class="blue_14">郭現杰</a> 著</li><li>出版社：<a href="#" class="blue_14">花山文藝出版社</a></li><li>出版時間：2009年08月</li><li>數年前，在一次股市的多、空之戰中，以趙云狄、林康為首的私募基金―金鼎投資，和以王雨龍為首的私募基金，達成鎖倉協議分食利益。殊料，以王雨龍為首的私募基金―鑫利投資背信棄義，導致金鼎投資慘敗。以至...</li><li><dl class="product_content_dd"><dd><img src="images/product_buy_02.gif" alt="shopping"/></dd><dd><img src="images/product_buy_01.gif" alt="shopping"/></dd><dd>節省：￥13.10</dd><dd>折扣：<span>59折</span></dd><dd class="footer_dull_red"><span>￥18.90</span></dd><dd class="product_content_delete"><span>￥32.00</span></dd></dl></li></ul></div><div class="product_storyList_content_bottom"></div><!--列表開始--><div class="product_storyList_content_left"><img src="images/product_list_02.jpg" alt="圖書列表"/></div><div class="product_storyList_content_right"><ul><li class="product_storyList_content_dash"><a href="#" class="blue_14">圈子圈套.1.戰局篇 </a></li><li>顧客評分：<img src="images/star_red.gif" alt="star"/><img src="images/star_red.gif" alt="star"/><img src="images/star_red.gif" alt="star"/><img src="images/star_red.gif" alt="star"/><img src="images/star_red2.gif" alt="star"/></li><li>作 者：<a href="#" class="blue_14">王強 </a> 著</li><li>出版社：<a href="#" class="blue_14">清華大學出版社</a></li><li>出版時間：2006年01月</li><li>雖然沒有硝煙，卻比戰場更血腥；雖然并未戰死，卻比死亡更痛苦。 洪鈞從一個底層的銷售人員，成為一家著名的跨國公司的中國區代理首席代表，在即將被扶正，事業情感都志得意滿的時候，掉入俞威設計的圈套，...</li><li><dl class="product_content_dd"><dd><img src="images/product_buy_02.gif" alt="shopping"/></dd><dd><img src="images/product_buy_01.gif" alt="shopping"/></dd><dd>節省：￥8.90</dd><dd>折扣：<span>68折</span></dd><dd class="footer_dull_red"><span>￥19.10</span></dd><dd class="product_content_delete"><span>￥28.00</span></dd></dl></li></ul></div><div class="product_storyList_content_bottom"></div><!--列表開始--><div class="product_storyList_content_left"><img src="images/product_list_03.jpg" alt="圖書列表"/></div><div class="product_storyList_content_right"><ul><li class="product_storyList_content_dash"><a href="#" class="blue_14">饕餮（最真實的商場高端博弈小說） </a></li><li>顧客評分：<img src="images/star_red.gif" alt="star"/><img src="images/star_red.gif" alt="star"/><img src="images/star_red.gif" alt="star"/><img src="images/star_red.gif" alt="star"/><img src="images/star_red.gif" alt="star"/></li><li>作 者：<a href="#" class="blue_14">韋帕 </a> 著</li><li>出版社：<a href="#" class="blue_14">國際文化出版公司</a></li><li>出版時間：2009年07月</li><li>北京，六百公里處，有寶地，233畝，土地價值2.5億，總投資額近八億，利潤近三億。 項目吸引了眾多北京房地產商目光，其中最貪婪的一道目光，來自顧忱。但顧忱，總資產不過千萬！想拿項目，無異于“空手套...</li><li><dl class="product_content_dd"><dd><img src="images/product_buy_02.gif" alt="shopping"/></dd><dd><img src="images/product_buy_01.gif" alt="shopping"/></dd><dd>節省：￥8.40</dd><dd>折扣：<span>74折</span></dd><dd class="footer_dull_red"><span>￥23.60</span></dd><dd class="product_content_delete"><span>￥32.00</span></dd></dl></li></ul></div><div class="product_storyList_content_bottom"></div><!--列表開始--><div class="product_storyList_content_left"><img src="images/product_list_04.jpg" alt="圖書列表"/></div><div class="product_storyList_content_right"><ul><li class="product_storyList_content_dash"><a href="#" class="blue_14">圈子圈套 迷局篇2：職場商戰三部曲 </a></li><li>顧客評分：<img src="images/star_red.gif" alt="star"/><img src="images/star_red.gif" alt="star"/><img src="images/star_red.gif" alt="star"/><img src="images/star_red.gif" alt="star"/><img src="images/star_red.gif" alt="star"/></li><li>作 者：<a href="#" class="blue_14">王強 </a> 著</li><li>出版社：<a href="#" class="blue_14">長江文藝出版社</a></li><li>出版時間：2006年08月</li><li>《圈子圈套2?迷局篇》是“圈子圈套三部曲”的第二部。 職場風云再起。洪鈞出任維西爾中國區總經理，他和俞威之間的較量又或明或暗地展開來，面對內部的紛爭和商場上的爾虞我詐，他該如何出招……俞威依...</li><li><dl class="product_content_dd"><dd><img src="images/product_buy_02.gif" alt="shopping"/></dd><dd><img src="images/product_buy_01.gif" alt="shopping"/></dd><dd>節省：￥11.4</dd><dd>折扣：<span>59折</span></dd><dd class="footer_dull_red"><span>￥16.60</span></dd><dd class="product_content_delete"><span>￥28.00</span></dd></dl></li></ul></div><div class="product_storyList_content_bottom"></div><!--列表開始--><div class="product_storyList_content_left"><img src="images/product_list_05.jpg" alt="圖書列表"/></div><div class="product_storyList_content_right"><ul><li class="product_storyList_content_dash"><a href="#" class="blue_14">圈子圈套3.終局篇（附贈王強演講光盤） </a></li><li>顧客評分：<img src="images/star_red.gif" alt="star"/><img src="images/star_red.gif" alt="star"/><img src="images/star_red.gif" alt="star"/><img src="images/star_red.gif" alt="star"/><img src="images/star_gray.gif" alt="star"/></li><li>作 者：<a href="#" class="blue_14">王強 </a> 著</li><li>出版社：<a href="#" class="blue_14">長江文藝出版社</a></li><li>出版時間：2007年10月</li><li>本書全景展示了商場和職場的生死廝殺、巔峰對決。主人公的命運、項目結局、所有的愛恨情仇都在本書中揭開謎底。 再次陷入低谷的洪鈞在內憂外患中不甘消沉，在職場上和自己的上司明爭暗斗，在商場上則和夙...</li><li><dl class="product_content_dd"><dd><img src="images/product_buy_02.gif" alt="shopping"/></dd><dd><img src="images/product_buy_01.gif" alt="shopping"/></dd><dd>節省：￥13.10</dd><dd>折扣：<span>59折</span></dd><dd class="footer_dull_red"><span>￥18.9</span></dd><dd class="product_content_delete"><span>￥32.00</span></dd></dl></li></ul></div><div class="product_storyList_content_bottom"></div><div><dl class="product_content_dd"><dd><img src="images/OK.gif" alt="ok"/></dd><dd>頁</dd><dd><input name="page" type="text" value="1" style="width:20px;"/></dd><dd>跳轉到第</dd><dd><img src="images/next.gif" alt="ok"/></dd><dd><ul id="product_page"><li><a href="#" class="product_page">1</a></li><li><a href="#" class="product_page">2</a></li><li> <a href="#" class="product_page">3</a></li><li> ...</li><li><a href="#" class="product_page">14</a></li><li><a href="#" class="product_page">15</a></li><li><a href="#" class="product_page">16</a></li></ul></dd><dd><img src="images/product_page_up.gif" alt="ok"/></dd></dl></div></div></div><!--右側內容結束-->
</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/product.js"></script>
<script src="js/header.js"></script>
</body>
</html>
總結
- 上一篇： json数组排序，深拷贝，浅拷贝，删除，
- 下一篇： SQL Server 2008R2 企业