案例學WEB前端開發(fā)：HTML5+CSS3+JavaScript+手機響應式開發(fā)（全彩版）

定　價：￥49.80

作　者：	明日科技
出版社：	吉林大學出版社
叢編項：
標　簽：	暫缺

購買這本書可以去

ISBN：	9787569225815	出版時間：	2018-07-01	包裝：	平裝
開本：	16開	頁數(shù)：	288頁	字數(shù)：

內容簡介

　　《案例學Web 前端開發(fā)》從初學者角度出發(fā)，通過44 個實用的Web 前端應用，循序漸進地講解一個完整網(wǎng)站的功能實現(xiàn)及開發(fā)過程。全書共分12 章，包括Web 網(wǎng)站初體驗、搭建網(wǎng)站雛形、用CSS3 裝飾你的網(wǎng)站、HTML5 多媒體實現(xiàn)網(wǎng)站“家庭影院”、通過HTML5 表單與用戶交互、列表與表格——讓網(wǎng)站更規(guī)整、CSS3 布局與動畫、JavaScript 基礎應用、JavaScript 事件處理、手機響應式開發(fā)、綜合案例——明日學院官網(wǎng)等。書中所有知識點都圍繞著案例進行，涉及的代碼給出了詳細的解釋，可以使初學者能夠輕松地領會代碼的功能，快速學習Web 前端知識。本書中44 個前端應用可以幫助讀者更好地學習Web 前端知識；附贈的光盤中給出視頻講解、實例及項目源碼等，方便讀者學習；書中設置了50 余個二維碼，掃描二維碼觀看視頻講解，解決學習疑難。此外，登錄明日學院網(wǎng)站（www.mingrisoft.com）還可以獲得更多學習資源和技術支持。

作者簡介

　　明日科技，是一家專業(yè)從事軟件開發(fā)、教育培訓以及軟件開發(fā)教育資源整合的高科技公司，其編寫的教材既注重選取軟件開發(fā)中的必需、常用內容，又注重內容的易學、方便以及相關知識的拓展，深受讀者喜愛。其編寫的圖書主要有“從入門到精通”“軟件開發(fā)視頻大講堂”“軟件開發(fā)實戰(zhàn)1200例”“軟件工程師開發(fā)大系”“零基礎學”“項目開發(fā)實戰(zhàn)入門”“精彩編程200例”等多個系列。多次榮獲“全行業(yè)優(yōu)xiu暢銷品種”“中國大學出版社優(yōu)xiu暢銷書”等獎項，多個品種長期位居同類圖書銷售排行榜的前列。

圖書目錄

1 Web 網(wǎng)站初體驗

1.1 揭秘Web前端

Web是什么？

網(wǎng)頁核心技術

1.HTML5概述

2.CSS3簡介

3.JavaScript簡介

1.2 大白老師帶你走進HTML5

標簽、元素、結構概述

1.HTML5標簽6

2.元素

3.HTML5文件結構

HTML 5的基本標簽

1.文件開始標簽

2.文件頭部標簽

3.文件標題標簽</p> <p>4.元信息標簽<meta></p> <p>5.頁面的主體標簽<body>8</p> <p>6.頁面的注釋</p> <p>1.3 用WebStorm寫下你的第一行HTML5代碼</p> <p>下載和安裝</p> <p>創(chuàng)建HTML5工程和文件，運行HTML5程序</p> <p>大白的任務：網(wǎng)頁字符畫 —— 史努比</p> <p>2 搭建網(wǎng)站雛形</p> <p>案例1：制作第一個H5案例—— 明日學院簡介</p> <p>案例描述</p> <p>知識點講解</p> <p>1.<p>段落標簽</p> <p>2.<img>圖片標簽</p> <p>案例實現(xiàn)</p> <p>案例2：多圖展示合作伙伴</p> <p>案例描述</p> <p>知識點講解</p> <p>1.<hr>水平線標簽</p> <p>2.<br />換行標簽</p> <p>案例實現(xiàn)</p> <p>案例3：通過外鏈實現(xiàn)友情鏈接</p> <p>案例描述</p> <p>知識點講解</p> <p><a>鏈接標簽</p> <p>案例實現(xiàn)</p> <p>案例4：分組標簽制作聯(lián)系方式</p> <p>案例描述</p> <p>知識點講解</p> <p><div>和<span>分組標簽</p> <p>案例實現(xiàn)</p> <p>大白的任務：圖文結合展示商品</p> <p>3 用CSS3 裝飾你的網(wǎng)站</p> <p>案例1：圖文混排展示課程信息</p> <p>案例描述</p> <p>知識點講解</p> <p>1.CSS3的發(fā)展史</p> <p>2.選擇器</p> <p>3.類選擇器</p> <p>4.ID選擇器</p> <p>案例實現(xiàn)</p> <p>案例2：時間軸方式的直播預告</p> <p>案例描述</p> <p>知識點講解</p> <p>1.HTML列表標簽</p> <p>2.CSS列表屬性</p> <p>案例實現(xiàn)</p> <p>案例3：美化學習興趣分類界面</p> <p>案例描述</p> <p>知識點講解</p> <p>1.鏈接<a>標簽的CSS屬性</p> <p>2.文本相關的CSS屬性1</p> <p>案例實現(xiàn)</p> <p>案例4：打造多彩網(wǎng)站主題背景</p> <p>案例描述</p> <p>知識點講解</p> <p>與背景相關的CSS屬性</p> <p>案例實現(xiàn)</p> <p>大白的任務：商品分類展示（CSS版）</p> <p>4 HTML5 多媒體實現(xiàn)網(wǎng)站“家庭影院”</p> <p>案例1：網(wǎng)頁中的H5視頻播放器</p> <p>案例描述</p> <p>知識點講解</p> <p><video>標簽</p> <p>案例實現(xiàn)</p> <p>案例2：動態(tài)文字彈幕</p> <p>案例描述</p> <p>知識點講解</p> <p><marquee>標簽</p> <p>案例實現(xiàn)</p> <p>案例3：神奇的在線聽書功能案例描述</p> <p>知識點講解</p> <p><audio>標簽</p> <p>案例實現(xiàn)</p> <p>案例4：定制你的視頻播放器</p> <p>案例描述</p> <p>知識點講解</p> <p>1.多媒體標簽的事件處理</p> <p>2.多媒體標簽的常見事件</p> <p>案例實現(xiàn)</p> <p>大白的任務：DIY音樂播放器</p> <p>5 通過HTML5 表單與用戶交互</p> <p>案例1：表單實現(xiàn)用戶注冊頁面</p> <p>案例描述</p> <p>知識點講解</p> <p><form>表單標簽</p> <p>案例實現(xiàn)</p> <p>案例2：申請個人講師</p> <p>案例描述</p> <p>知識點講解</p> <p>1.<input>標簽</p> <p>2.單選框和復選框</p> <p>案例實現(xiàn)</p> <p>案例3：智能機器人</p> <p>案例描述</p> <p>知識點講解</p> <p><textarea>文本域標簽</p> <p>案例實現(xiàn)</p> <p>案例4：帶附件的用戶反饋</p> <p>案例描述</p> <p>知識點講解</p> <p>1.圖像域</p> <p>2.文件域</p> <p>案例實現(xiàn)</p> <p>大白的任務：設計個人信息表單8</p> <p>6 列表與表格——讓網(wǎng)站更規(guī)整</p> <p>案例1：圖文結合顯示課程列表</p> <p>案例描述</p> <p>知識點講解</p> <p>定義列表</p> <p>案例實現(xiàn)</p> <p>案例2：網(wǎng)站必備的導航菜單</p> <p>案例描述4</p> <p>知識點講解</p> <p>無序列表</p> <p>案例實現(xiàn)</p> <p>案例3：有序列表讓招聘信息更清晰</p> <p>案例描述6</p> <p>知識點講解</p> <p>有序列表</p> <p>案例實現(xiàn)</p> <p>案例4：表格也可以設計漂亮的訂單頁面</p> <p>案例描述</p> <p>知識點講解</p> <p>1.簡單表格</p> <p>2.表格的合并</p> <p>案例實現(xiàn)</p> <p>大白的任務：商品分類展示（表格版）</p> <p>7 CSS3 布局與動畫</p> <p>案例1：使用表格布局課程列表</p> <p>案例描述</p> <p>知識點講解</p> <p>表格布局</p> <p>案例實現(xiàn)</p> <p>案例2：布局積分兌獎頁面</p> <p>案例描述</p> <p>知識點講解</p> <p>1.display 屬性</p> <p>2.f loat 屬性</p> <p>案例實現(xiàn)</p> <p>案例3：鼠標經(jīng)過時的圖片動畫</p> <p>案例描述</p> <p>知識點講解</p> <p>變換（transform）</p> <p>案例實現(xiàn)</p> <p>案例4：給導航菜單增加動畫特效</p> <p>案例描述</p> <p>知識點講解</p> <p>過渡（transition）</p> <p>案例實現(xiàn)</p> <p>大白的任務：商品的文字動效廣告</p> <p>8 JavaScript 基礎應用</p> <p>案例1：給你的課程分分類</p> <p>案例描述</p> <p>知識點講解</p> <p>1.標識符</p> <p>2.關鍵字</p> <p>3.常量</p> <p>4.變量</p> <p>5.函數(shù)</p> <p>案例實現(xiàn)</p> <p>案例2：個性化的智能搜索0</p> <p>案例描述</p> <p>知識點講解</p> <p>1.if語句</p> <p>2.for循環(huán)</p> <p>案例實現(xiàn)</p> <p>案例3：輪播圖廣告</p> <p>案例描述</p> <p>知識點講解</p> <p>1.認識 jQuery 框架</p> <p>2.使用 jQuery 框架</p> <p>案例實現(xiàn)</p> <p>案例4：讓用戶為你建言獻策</p> <p>案例描述</p> <p>知識點講解</p> <p>文檔對象（Document）</p> <p>案例實現(xiàn)</p> <p>大白的任務：網(wǎng)頁版日歷</p> <p>9 JavaScript 事件處理</p> <p>案例1：你的手機號中獎了嗎</p> <p>案例描述</p> <p>知識點講解</p> <p>1.事件處理程序在JavaScript中的調用</p> <p>2.事件處理程序在HTML中的調用</p> <p>案例實現(xiàn)</p> <p>案例2：限時大搶購</p> <p>案例描述</p> <p>知識點講解</p> <p>1.事件流</p> <p>2.主流瀏覽器的事件模型</p> <p>3.事件對象</p> <p>案例實現(xiàn)</p> <p>案例3：網(wǎng)頁刮刮卡</p> <p>案例描述</p> <p>知識點講解</p> <p>1.鼠標的單擊事件</p> <p>2.鼠標的按下或松開事件</p> <p>3.鼠標的移入移出事件</p> <p>4.鼠標的移動事件</p> <p>案例實現(xiàn)</p> <p>案例4：模擬12306圖片驗證碼</p> <p>案例描述</p> <p>知識點講解</p> <p>注冊與移除事件監(jiān)聽器8</p> <p>案例實現(xiàn)</p> <p>大白的任務：布局用戶登錄頁</p> <p>10 手機響應式開發(fā)（上）</p> <p>案例1：手機端展示課程列表</p> <p>案例描述</p> <p>知識點講解</p> <p>1.Flex布局</p> <p>2.Flex容器常見屬性</p> <p>案例實現(xiàn)</p> <p>案例2：手機端這樣做用戶登錄</p> <p>案例描述</p> <p>知識點講解</p> <p>1.媒體查詢</p> <p>2.使用媒體查詢的步驟</p> <p>案例實現(xiàn)</p> <p>案例3：移動端在線客服</p> <p>案例描述</p> <p>知識點講解</p> <p>1.常用布局類型</p> <p>2.布局的實現(xiàn)方式</p> <p>案例實現(xiàn)6</p> <p>案例4：5分鐘讓你學會在手機端播放視頻</p> <p>案例描述</p> <p>知識點講解</p> <p><meta>標簽</p> <p>案例實現(xiàn)</p> <p>大白的任務：《王者榮耀》手機端官網(wǎng)</p> <p>11 手機響應式開發(fā)（下）</p> <p>案例1：讓圖片在手機上縮放自如</p> <p>案例描述</p> <p>知識點講解</p> <p>1.使用<picture>標簽</p> <p>2.使用CSS圖片</p> <p>案例實現(xiàn)</p> <p>案例2：第三方插件助你升級視頻功能</p> <p>案例描述</p> <p>知識點講解</p> <p>使用HTML5手機播放器</p> <p>案例實現(xiàn)</p> <p>案例3：響應式導航菜單</p> <p>案例描述</p> <p>知識點講解</p> <p>1.CSS3響應式菜單</p> <p>2.JavaScript響應式菜單</p> <p>案例實現(xiàn)</p> <p>案例4：表格“變形記”</p> <p>案例描述</p> <p>知識點講解</p> <p>1.隱藏表格中的列</p> <p>2.滾動表格中的列</p> <p>3.轉換表格中的列</p> <p>案例實現(xiàn)</p> <p>大白的任務：響應式顯示招聘信息</p> <p>12 綜合案例—明日學院官網(wǎng)</p> <p>案例1：主頁—— 打造高大上的網(wǎng)站門面</p> <p>案例描述</p> <p>知識點講解</p> <p>1.PC端主頁界面的實現(xiàn)過程分析</p> <p>2.手機端主頁界面的實現(xiàn)過程分析</p> <p>案例實現(xiàn)</p> <p>案例2：登錄頁—— 手機端PC端自適應3</p> <p>案例描述</p> <p>知識點講解</p> <p>1.PC端登錄界面實現(xiàn)技巧</p> <p>2.手機端登錄界面實現(xiàn)技巧</p> <p>案例實現(xiàn)</p> <p>案例3：課程列表頁—— 定制你的課程</p> <p>案例描述</p> <p>知識點講解</p> <p>Amaze UI 內容列表組件</p> <p>案例實現(xiàn)</p> <p>案例4：課程詳情頁—— 開啟你的學習之旅</p> <p>案例描述</p> <p>知識點講解</p> <p>Amaze UI 選項卡組件案例實現(xiàn)</p> <p>大白的任務：游戲公園</p> <p>大神的建議（掃碼有驚喜）</p> <p>附錄1：常用知識點索引</p> <p>附錄2：本書推薦視頻</p> <p>附錄3：HTML 參考手冊</p> <p>附錄4：CSS3 參考手冊</p> <p>附錄5：JavaScript 對象參考手冊</p> <p>附錄6：WebStorm 常用快捷鍵</p></div> </div> </div> <div id="5lgekxv" class="text-center margin-large-bottom"> <script async src="http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>  <ins class="adsbygoogle" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-7029444221371985" data-ad-slot="7049136436"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div id="jhdjzfk" class="bookdetails-right"> <div style="height:250px;"> <div id="0womkyt" class="_8yiuxfzeh64"></div> <script type="text/javascript"> (window.slotbydup = window.slotbydup || []).push({ id: "u2724904", container: "_8yiuxfzeh64", async: true }); </script> </div> <div id="tkywjpf" class="tit margin-big-top"><h3>本目錄推薦</h3></div> <div class="ixxytgm" id="J_commend" class="books-left border"> <ul> <li> <p style="display: none;" class="fold"> <a href="/book/14174391/" title="移動互聯(lián)網(wǎng)時代的全渠道營銷研究" target="_blank"><i>01</i>移動互聯(lián)網(wǎng)時代的全渠道營…</a></p> <div id="5sqou7b" class="unfold" style="display: block;"> <i>01</i> <div> <div id="cywf0hg" class="img80"><a href="/book/14174391/" title="移動互聯(lián)網(wǎng)時代的全渠道營銷研究" target="_blank"><img src="https://img.dushu.com/2025/05/30/01293776840362980.jpg_80.jpg" alt="移動互聯(lián)網(wǎng)時代的全渠道營銷研究"></a></div> <h3><a href="/book/14174391/" title="移動互聯(lián)網(wǎng)時代的全渠道營銷研究" target="_blank">移動互聯(lián)網(wǎng)時代的全渠道營銷研究…</a></h3> <p></p> </div> </div> </li> <li> <p style="display: block;" class="fold"> <a href="/book/14174379/" title="改變設計的AI技術（基于Midjourney+Stable Diffusion）" target="_blank"><i>02</i>改變設計的AI技術（基于M…</a></p> <div id="23pksgg" class="unfold" style="display: none;"> <i>02</i> <div> <div id="sir823y" class="img80"><a href="/book/14174379/" title="改變設計的AI技術（基于Midjourney+Stable Diffusion）" target="_blank"><img src="https://img.dushu.com/2025/05/30/01280898240368562.jpg_80.jpg" alt="改變設計的AI技術（基于Midjourney+Stable Diffusion）"></a></div> <h3><a href="/book/14174379/" title="改變設計的AI技術（基于Midjourney+Stable Diffusion）" target="_blank">改變設計的AI技術（基于Midjour…</a></h3> <p></p> </div> </div> </li> <li> <p style="display: block;" class="fold"> <a href="/book/14174355/" title="中文版Premiere Pro 2024完全自學教程" target="_blank"><i>03</i>中文版Premiere Pro 2024…</a></p> <div id="ihi1ojx" class="unfold" style="display: none;"> <i>03</i> <div> <div id="yu1n00r" class="img80"><a href="/book/14174355/" title="中文版Premiere Pro 2024完全自學教程" target="_blank"><img src="https://img.dushu.com/2025/05/30/0127187440369143.jpg_80.jpg" alt="中文版Premiere Pro 2024完全自學教程"></a></div> <h3><a href="/book/14174355/" title="中文版Premiere Pro 2024完全自學教程" target="_blank">中文版Premiere Pro 2024完全自…</a></h3> <p></p> </div> </div> </li> <li> <p style="display: block;" class="fold"> <a href="/book/14174375/" title="Unity 3D/2D移動開發(fā)實戰(zhàn)教程（全彩版）" target="_blank"><i>04</i>Unity 3D/2D移動開發(fā)實戰(zhàn)…</a></p> <div id="fnt0k53" class="unfold" style="display: none;"> <i>04</i> <div> <div id="lanlbp8" class="img80"><a href="/book/14174375/" title="Unity 3D/2D移動開發(fā)實戰(zhàn)教程（全彩版）" target="_blank"><img src="https://img.dushu.com/2025/05/30/01275955340362061.jpg_80.jpg" alt="Unity 3D/2D移動開發(fā)實戰(zhàn)教程（全彩版）"></a></div> <h3><a href="/book/14174375/" title="Unity 3D/2D移動開發(fā)實戰(zhàn)教程（全彩版）" target="_blank">Unity 3D/2D移動開發(fā)實戰(zhàn)教程（…</a></h3> <p></p> </div> </div> </li> <li> <p style="display: block;" class="fold"> <a href="/book/14174381/" title="3ds Max 2024中文全彩鉑金版案例教程" target="_blank"><i>05</i>3ds Max 2024中文全彩鉑金…</a></p> <div id="0k1ltkk" class="unfold" style="display: none;"> <i>05</i> <div> <div id="syhmkql" class="img80"><a href="/book/14174381/" title="3ds Max 2024中文全彩鉑金版案例教程" target="_blank"><img src="https://img.dushu.com/2025/05/30/01281598940368334.jpg_80.jpg" alt="3ds Max 2024中文全彩鉑金版案例教程"></a></div> <h3><a href="/book/14174381/" title="3ds Max 2024中文全彩鉑金版案例教程" target="_blank">3ds Max 2024中文全彩鉑金版案例…</a></h3> <p></p> </div> </div> </li> <li> <p style="display: block;" class="fold"> <a href="/book/14174378/" title="Premiere Pro 2024中文全彩鉑金版非線性編輯案例教程" target="_blank"><i>06</i>Premiere Pro 2024中文全…</a></p> <div id="vthm9lb" class="unfold" style="display: none;"> <i>06</i> <div> <div id="63jhfvj" class="img80"><a href="/book/14174378/" title="Premiere Pro 2024中文全彩鉑金版非線性編輯案例教程" target="_blank"><img src="https://img.dushu.com/2025/05/30/01280369740365693.jpg_80.jpg" alt="Premiere Pro 2024中文全彩鉑金版非線性編輯案例教程"></a></div> <h3><a href="/book/14174378/" title="Premiere Pro 2024中文全彩鉑金版非線性編輯案例教程" target="_blank">Premiere Pro 2024中文全彩鉑金…</a></h3> <p></p> </div> </div> </li> <li> <p style="display: block;" class="fold"> <a href="/book/14174395/" title="做工匠" target="_blank"><i>07</i>做工匠</a></p> <div id="mkqggtj" class="unfold" style="display: none;"> <i>07</i> <div> <div id="fezf60j" class="img80"><a href="/book/14174395/" title="做工匠" target="_blank"><img src="https://img.dushu.com/2025/05/30/01303812640363675.jpg_80.jpg" alt="做工匠"></a></div> <h3><a href="/book/14174395/" title="做工匠" target="_blank">做工匠</a></h3> <p></p> </div> </div> </li> <li> <p style="display: block;" class="fold"> <a href="/book/14174376/" title="人工智能與影視制作" target="_blank"><i>08</i>人工智能與影視制作</a></p> <div id="pvmclgt" class="unfold" style="display: none;"> <i>08</i> <div> <div id="ety8z52" class="img80"><a href="/book/14174376/" title="人工智能與影視制作" target="_blank"><img src="https://img.dushu.com/2025/05/30/01280072640364885.jpg_80.jpg" alt="人工智能與影視制作"></a></div> <h3><a href="/book/14174376/" title="人工智能與影視制作" target="_blank">人工智能與影視制作</a></h3> <p></p> </div> </div> </li> <li> <p style="display: block;" class="fold"> <a href="/book/14174443/" title="Vue.js光速入門及企業(yè)項目開發(fā)實戰(zhàn)" target="_blank"><i>09</i>Vue.js光速入門及企業(yè)項目…</a></p> <div id="foms5we" class="unfold" style="display: none;"> <i>09</i> <div> <div id="jxltbpn" class="img80"><a href="/book/14174443/" title="Vue.js光速入門及企業(yè)項目開發(fā)實戰(zhàn)" target="_blank"><img src="https://img.dushu.com/2025/05/30/01551810240366374.jpg_80.jpg" alt="Vue.js光速入門及企業(yè)項目開發(fā)實戰(zhàn)"></a></div> <h3><a href="/book/14174443/" title="Vue.js光速入門及企業(yè)項目開發(fā)實戰(zhàn)" target="_blank">Vue.js光速入門及企業(yè)項目開發(fā)實…</a></h3> <p></p> </div> </div> </li> <li id="wmay6kp" class="bt"> <p style="display: block;" class="fold"> <a href="/book/14174427/" title="微課學Photoshop CC數(shù)碼照片編輯與處理" target="_blank"><i>10</i>微課學Photoshop CC數(shù)碼照…</a></p> <div id="dm5gupd" class="unfold" style="display: none;"> <i>10</i> <div> <div id="qwuaojr" class="img80"><a href="/book/14174427/" title="微課學Photoshop CC數(shù)碼照片編輯與處理" target="_blank"><img src="https://img.dushu.com/2025/05/30/01382929540365477.jpg_80.jpg" alt="微課學Photoshop CC數(shù)碼照片編輯與處理"></a></div> <h3><a href="/book/14174427/" title="微課學Photoshop CC數(shù)碼照片編輯與處理" target="_blank">微課學Photoshop CC數(shù)碼照片編輯…</a></h3> <p></p> </div> </div> </li> </ul> </div> <div id="on2gok1" class="margin-big-top" id="sidebar"> <script async src="http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>  <ins class="adsbygoogle" style="display:inline-block;width:300px;height:250px" data-ad-client="ca-pub-7029444221371985" data-ad-slot="1399555633"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="viomkqy" id="qrcode"></div> <div id="ag5om16" class="margin-big-top text-center text-gray">掃描二維碼</div> </div> </div> </div> <div id="driy7es" class="layout" id="footer"> <div id="qwo6e8z" class="container padding"> <div id="ayq3dfl" class="text-center"> <ul class="nav nav-inline"> <li><a href="/help/1587.html">關于讀書</a> </li> <li><a href="/help/1588.html">免責聲明</a> </li> <li><a href="/help/1589.html">讀書目錄</a> </li> <li><a href="/help/1590.html">聯(lián)系我們</a> </li> </ul> </div> <div id="pdb2881" class="text-center height-big">Copyright ? 讀書網(wǎng) leeflamesbasketballcamps.com 2005-2026, All Rights Reserved.</div> <div id="rx3bz70" class="text-center height-big"><a >鄂ICP備15019699號</a> <img src="https://a.dushu.com/img/beian.png" style="vertical-align:middle;margin-left:10px;" /> 鄂公網(wǎng)安備 42010302001612號 <a ><img src="https://a.dushu.com/img/jubao.gif" style="vertical-align:middle;margin-left:10px;" /></a></div> </div> </div> <script lang="javascript" type="text/javascript" src="https://a.dushu.com/js/qrcode.min.js"></script> <script lang="javascript" type="text/javascript" src="https://a.dushu.com/js/portamento-min.js"></script> <script lang="javascript" type="text/javascript" src="https://a.dushu.com/js/readmore.min.js"></script> <script> $('.txtsummary').readmore({ maxHeight: 140, moreLink: '<a href="#"><span id="8mrnvtb" class="icon-arrow-right"></span> 展開全部</a>', lessLink: '<a href="#"><span id="l80dt2c" class="icon-arrow-right"></span> 收起</a>', embedCSS: false }); $('#sidebar').portamento({ disableWorkaround: true, gap: 40 }); $("#qrcode").qrcode({ render: "canvas", width: 200, height: 200, text: location.href }); </script> <script lang="javascript" type="text/javascript" src="https://a.dushu.com/js/autocomplete.min.js"></script> <script lang="javascript" type="text/javascript" src="https://a.dushu.com/js/common.min.js?v=201706"></script> <footer> <div class="friendship-link"> <p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p> <a href="http://leeflamesbasketballcamps.com/" title="国产成人综合久久亚洲精品">国产成人综合久久亚洲精品</a> <div class="friend-links"> </div> </div> </footer> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body><div id="g7lfi" class="pl_css_ganrao" style="display: none;"><menuitem id="g7lfi"><nobr id="g7lfi"></nobr></menuitem><listing id="g7lfi"></listing><video id="g7lfi"><pre id="g7lfi"></pre></video><delect id="g7lfi"></delect><pre id="g7lfi"><output id="g7lfi"></output></pre><mark id="g7lfi"></mark><progress id="g7lfi"><tt id="g7lfi"></tt></progress><form id="g7lfi"></form><button id="g7lfi"><nobr id="g7lfi"></nobr></button><b id="g7lfi"><pre id="g7lfi"></pre></b><font id="g7lfi"><strong id="g7lfi"></strong></font><big id="g7lfi"><video id="g7lfi"></video></big><tfoot id="g7lfi"></tfoot><optgroup id="g7lfi"></optgroup><li id="g7lfi"><input id="g7lfi"></input></li><dfn id="g7lfi"><abbr id="g7lfi"></abbr></dfn><del id="g7lfi"></del><progress id="g7lfi"></progress><pre id="g7lfi"><big id="g7lfi"></big></pre><source id="g7lfi"></source><del id="g7lfi"></del><pre id="g7lfi"><pre id="g7lfi"></pre></pre><thead id="g7lfi"></thead><center id="g7lfi"></center><bdo id="g7lfi"></bdo><thead id="g7lfi"><font id="g7lfi"></font></thead><form id="g7lfi"><dfn id="g7lfi"></dfn></form><button id="g7lfi"><bdo id="g7lfi"></bdo></button><sup id="g7lfi"></sup><optgroup id="g7lfi"><td id="g7lfi"></td></optgroup><option id="g7lfi"><object id="g7lfi"></object></option><nobr id="g7lfi"><legend id="g7lfi"></legend></nobr><address id="g7lfi"></address><ol id="g7lfi"><font id="g7lfi"></font></ol><style id="g7lfi"></style><center id="g7lfi"><acronym id="g7lfi"></acronym></center><track id="g7lfi"><style id="g7lfi"></style></track><thead id="g7lfi"></thead><legend id="g7lfi"></legend><noframes id="g7lfi"></noframes><pre id="g7lfi"><video id="g7lfi"></video></pre><object id="g7lfi"></object><center id="g7lfi"></center><center id="g7lfi"><acronym id="g7lfi"></acronym></center><rt id="g7lfi"></rt><nobr id="g7lfi"><progress id="g7lfi"></progress></nobr><track id="g7lfi"></track><small id="g7lfi"></small><acronym id="g7lfi"><tt id="g7lfi"></tt></acronym><pre id="g7lfi"><mark id="g7lfi"></mark></pre></div> </html>