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

定　價：￥49.80

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

購買這本書可以去

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

內(nèi)容簡介

　　《案例學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ā)中的必需、常用內(nèi)容，又注重內(nèi)容的易學、方便以及相關知識的拓展，深受讀者喜愛。其編寫的圖書主要有“從入門到精通”“軟件開發(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中的調(diào)用</p> <p>2.事件處理程序在HTML中的調(diào)用</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 內(nèi)容列表組件</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="3jvaf5s" 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="nt1ad5j" class="bookdetails-right"> <div style="height:250px;"> <div id="fvxtfkn" class="_8yiuxfzeh64"></div> <script type="text/javascript"> (window.slotbydup = window.slotbydup || []).push({ id: "u2724904", container: "_8yiuxfzeh64", async: true }); </script> </div> <div id="epzehjm" class="tit margin-big-top"><h3>本目錄推薦</h3></div> <div class="yc8hvxj" id="J_commend" class="books-left border"> <ul> <li> <p style="display: none;" class="fold"> <a href="/book/14174366/" title="圖卷積神經(jīng)網(wǎng)絡及其在高光譜影像分類中的應用" target="_blank"><i>01</i>圖卷積神經(jīng)網(wǎng)絡及其在高光…</a></p> <div id="jnja0kd" class="unfold" style="display: block;"> <i>01</i> <div> <div id="8p5z5cv" class="img80"><a href="/book/14174366/" title="圖卷積神經(jīng)網(wǎng)絡及其在高光譜影像分類中的應用" target="_blank"><img src="https://img.dushu.com/2025/05/30/01274126940367489.jpg_80.jpg" alt="圖卷積神經(jīng)網(wǎng)絡及其在高光譜影像分類中的應用"></a></div> <h3><a href="/book/14174366/" title="圖卷積神經(jīng)網(wǎng)絡及其在高光譜影像分類中的應用" target="_blank">圖卷積神經(jīng)網(wǎng)絡及其在高光譜影像…</a></h3> <p></p> </div> </div> </li> <li> <p style="display: block;" class="fold"> <a href="/book/14174423/" title="優(yōu)設Cinema 4D三維設計實訓教程" target="_blank"><i>02</i>優(yōu)設Cinema 4D三維設計實…</a></p> <div id="mqtfhtw" class="unfold" style="display: none;"> <i>02</i> <div> <div id="p1gtvfk" class="img80"><a href="/book/14174423/" title="優(yōu)設Cinema 4D三維設計實訓教程" target="_blank"><img src="https://img.dushu.com/2025/05/30/01353287840362289.jpg_80.jpg" alt="優(yōu)設Cinema 4D三維設計實訓教程"></a></div> <h3><a href="/book/14174423/" title="優(yōu)設Cinema 4D三維設計實訓教程" target="_blank">優(yōu)設Cinema 4D三維設計實訓教程…</a></h3> <p></p> </div> </div> </li> <li> <p style="display: block;" class="fold"> <a href="/book/14174413/" title="Midjourney+Stable Diffusion+ControlNet AI繪畫與設計商業(yè)應用實戰(zhàn)手冊" target="_blank"><i>03</i>Midjourney+Stable Diffu…</a></p> <div id="1bgzvv1" class="unfold" style="display: none;"> <i>03</i> <div> <div id="xd5pibv" class="img80"><a href="/book/14174413/" title="Midjourney+Stable Diffusion+ControlNet AI繪畫與設計商業(yè)應用實戰(zhàn)手冊" target="_blank"><img src="https://img.dushu.com/2025/05/30/01334742140369122.jpg_80.jpg" alt="Midjourney+Stable Diffusion+ControlNet AI繪畫與設計商業(yè)應用實戰(zhàn)手冊"></a></div> <h3><a href="/book/14174413/" title="Midjourney+Stable Diffusion+ControlNet AI繪畫與設計商業(yè)應用實戰(zhàn)手冊" target="_blank">Midjourney+Stable Diffusion+C…</a></h3> <p></p> </div> </div> </li> <li> <p style="display: block;" class="fold"> <a href="/book/14174386/" title="多源夜視圖像認知計算理論與方法：認知計算與挖掘學習（第二版）" target="_blank"><i>04</i>多源夜視圖像認知計算理論…</a></p> <div id="mz0xqcm" class="unfold" style="display: none;"> <i>04</i> <div> <div id="oj0hbnn" class="img80"><a href="/book/14174386/" title="多源夜視圖像認知計算理論與方法：認知計算與挖掘學習（第二版）" target="_blank"><img src="https://img.dushu.com/2025/05/30/0128443094036977.jpg_80.jpg" alt="多源夜視圖像認知計算理論與方法：認知計算與挖掘學習（第二版）"></a></div> <h3><a href="/book/14174386/" title="多源夜視圖像認知計算理論與方法：認知計算與挖掘學習（第二版）" target="_blank">多源夜視圖像認知計算理論與方法…</a></h3> <p></p> </div> </div> </li> <li> <p style="display: block;" class="fold"> <a href="/book/14174411/" title="Photoshop 2022攝影后期修圖+商業(yè)合成實戰(zhàn)" target="_blank"><i>05</i>Photoshop 2022攝影后期修…</a></p> <div id="ndgzc5r" class="unfold" style="display: none;"> <i>05</i> <div> <div id="1b50n35" class="img80"><a href="/book/14174411/" title="Photoshop 2022攝影后期修圖+商業(yè)合成實戰(zhàn)" target="_blank"><img src="https://img.dushu.com/2025/05/30/01334458640366571.jpg_80.jpg" alt="Photoshop 2022攝影后期修圖+商業(yè)合成實戰(zhàn)"></a></div> <h3><a href="/book/14174411/" title="Photoshop 2022攝影后期修圖+商業(yè)合成實戰(zhàn)" target="_blank">Photoshop 2022攝影后期修圖+商…</a></h3> <p></p> </div> </div> </li> <li> <p style="display: block;" class="fold"> <a href="/book/14174431/" title="圖像擬態(tài)融合理論、模型和應用" target="_blank"><i>06</i>圖像擬態(tài)融合理論、模型和…</a></p> <div id="zwilehh" class="unfold" style="display: none;"> <i>06</i> <div> <div id="gkdiu5t" class="img80"><a href="/book/14174431/" title="圖像擬態(tài)融合理論、模型和應用" target="_blank"><img src="https://img.dushu.com/2025/05/30/01531790540369061.jpg_80.jpg" alt="圖像擬態(tài)融合理論、模型和應用"></a></div> <h3><a href="/book/14174431/" title="圖像擬態(tài)融合理論、模型和應用" target="_blank">圖像擬態(tài)融合理論、模型和應用</a></h3> <p></p> </div> </div> </li> <li> <p style="display: block;" class="fold"> <a href="/book/14174394/" title="Photoshop+Firefly從入門到精通" target="_blank"><i>07</i>Photoshop+Firefly從入門…</a></p> <div id="3vvhfht" class="unfold" style="display: none;"> <i>07</i> <div> <div id="35pzl5d" class="img80"><a href="/book/14174394/" title="Photoshop+Firefly從入門到精通" target="_blank"><img src="https://img.dushu.com/2025/05/30/01301435040365711.jpg_80.jpg" alt="Photoshop+Firefly從入門到精通"></a></div> <h3><a href="/book/14174394/" title="Photoshop+Firefly從入門到精通" target="_blank">Photoshop+Firefly從入門到精通…</a></h3> <p></p> </div> </div> </li> <li> <p style="display: block;" class="fold"> <a href="/book/14174372/" title="Adobe After Effects 2024經(jīng)典教程（彩色版）" target="_blank"><i>08</i>Adobe After Effects 202…</a></p> <div id="cgq0n88" class="unfold" style="display: none;"> <i>08</i> <div> <div id="teqjmfz" class="img80"><a href="/book/14174372/" title="Adobe After Effects 2024經(jīng)典教程（彩色版）" target="_blank"><img src="https://img.dushu.com/2025/05/30/01275533740366161.jpg_80.jpg" alt="Adobe After Effects 2024經(jīng)典教程（彩色版）"></a></div> <h3><a href="/book/14174372/" title="Adobe After Effects 2024經(jīng)典教程（彩色版）" target="_blank">Adobe After Effects 2024經(jīng)典教…</a></h3> <p></p> </div> </div> </li> <li> <p style="display: block;" class="fold"> <a href="/book/14174458/" title="Adobe Illustrator 2023基礎教材" target="_blank"><i>09</i>Adobe Illustrator 2023基…</a></p> <div id="cxxh3k0" class="unfold" style="display: none;"> <i>09</i> <div> <div id="lgzl0fp" class="img80"><a href="/book/14174458/" title="Adobe Illustrator 2023基礎教材" target="_blank"><img src="https://img.dushu.com/2025/05/30/02241462740363906.jpg_80.jpg" alt="Adobe Illustrator 2023基礎教材"></a></div> <h3><a href="/book/14174458/" title="Adobe Illustrator 2023基礎教材" target="_blank">Adobe Illustrator 2023基礎教材…</a></h3> <p></p> </div> </div> </li> <li id="pkwz0j0" class="bt"> <p style="display: block;" class="fold"> <a href="/book/14174382/" title="ChatGPT+Dall·E 3：AI提示文案與繪畫技巧大全" target="_blank"><i>10</i>ChatGPT+Dall·E 3：…</a></p> <div id="3x5qtvh" class="unfold" style="display: none;"> <i>10</i> <div> <div id="jnqjt0l" class="img80"><a href="/book/14174382/" title="ChatGPT+Dall·E 3：AI提示文案與繪畫技巧大全" target="_blank"><img src="https://img.dushu.com/2025/05/30/01281722440365062.jpg_80.jpg" alt="ChatGPT+Dall·E 3：AI提示文案與繪畫技巧大全"></a></div> <h3><a href="/book/14174382/" title="ChatGPT+Dall·E 3：AI提示文案與繪畫技巧大全" target="_blank">ChatGPT+Dall·E 3：AI提示…</a></h3> <p></p> </div> </div> </li> </ul> </div> <div id="vs5bfbu" 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="je8x0vm" id="qrcode"></div> <div id="pht5hdg" class="margin-big-top text-center text-gray">掃描二維碼</div> </div> </div> </div> <div id="1vvyrg3" class="layout" id="footer"> <div id="ik5djcv" class="container padding"> <div id="vehrwpb" 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="fh50rr1" class="text-center height-big">Copyright ? 讀書網(wǎng) www.stefanvlieger.com 2005-2020, All Rights Reserved.</div> <div id="3p5g555" 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="rypjv5b" class="icon-arrow-right"></span> 展開全部</a>', lessLink: '<a href="#"><span id="lppc5va" 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://www.stefanvlieger.com/" title="欧美国产亚洲变态另类在线">欧美国产亚洲变态另类在线</a> <div class="friend-links"> <a href="http://www.tarkeb-dish.com/">精品中文高清在线hd免费</a> <a href="http://www.norwichdate.com/">三级全黄裸体在线观看</a> <a href="http://www.uworled.com/">黄色黄瓜视频免费观看</a> <a href="http://www.tiantishan.com/">裸体女人高潮A片裸交</a> <a href="http://www.stefanvlieger.com/">亚洲欧洲一区二区综合在线</a> </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="kfcct" class="pl_css_ganrao" style="display: none;"><label id="kfcct"><bdo id="kfcct"></bdo></label><small id="kfcct"></small><dfn id="kfcct"><ins id="kfcct"><dfn id="kfcct"></dfn></ins></dfn><noframes id="kfcct"><rp id="kfcct"></rp></noframes><div id="kfcct"></div><label id="kfcct"></label><noscript id="kfcct"><dfn id="kfcct"></dfn></noscript><em id="kfcct"></em><acronym id="kfcct"></acronym><li id="kfcct"></li><dfn id="kfcct"></dfn><optgroup id="kfcct"></optgroup><menuitem id="kfcct"></menuitem><video id="kfcct"></video><menu id="kfcct"><tbody id="kfcct"><u id="kfcct"><listing id="kfcct"></listing></u></tbody></menu><b id="kfcct"><acronym id="kfcct"><kbd id="kfcct"></kbd></acronym></b><li id="kfcct"></li><dfn id="kfcct"><delect id="kfcct"><button id="kfcct"></button></delect></dfn><style id="kfcct"></style><dfn id="kfcct"></dfn><u id="kfcct"><rp id="kfcct"><u id="kfcct"></u></rp></u><tt id="kfcct"><center id="kfcct"><ul id="kfcct"><font id="kfcct"></font></ul></center></tt><rp id="kfcct"></rp><dfn id="kfcct"></dfn><strong id="kfcct"><label id="kfcct"><label id="kfcct"><label id="kfcct"></label></label></label></strong><font id="kfcct"><dfn id="kfcct"><big id="kfcct"></big></dfn></font><code id="kfcct"><small id="kfcct"><th id="kfcct"></th></small></code><strong id="kfcct"><label id="kfcct"></label></strong><label id="kfcct"><bdo id="kfcct"><object id="kfcct"></object></bdo></label><i id="kfcct"><dfn id="kfcct"></dfn></i><noscript id="kfcct"></noscript><meter id="kfcct"></meter><video id="kfcct"></video><em id="kfcct"><meter id="kfcct"><font id="kfcct"></font></meter></em><div id="kfcct"></div><dl id="kfcct"><legend id="kfcct"></legend></dl><xmp id="kfcct"><span id="kfcct"><meter id="kfcct"><font id="kfcct"></font></meter></span></xmp><p id="kfcct"><strong id="kfcct"><p id="kfcct"><span id="kfcct"></span></p></strong></p><dfn id="kfcct"></dfn><rt id="kfcct"><label id="kfcct"><strike id="kfcct"><label id="kfcct"></label></strike></label></rt><listing id="kfcct"><u id="kfcct"><listing id="kfcct"></listing></u></listing><sup id="kfcct"><pre id="kfcct"></pre></sup><pre id="kfcct"><strike id="kfcct"><pre id="kfcct"></pre></strike></pre><table id="kfcct"><track id="kfcct"><label id="kfcct"><label id="kfcct"></label></label></track></table><small id="kfcct"><th id="kfcct"><small id="kfcct"><th id="kfcct"></th></small></th></small><nobr id="kfcct"><label id="kfcct"><label id="kfcct"><bdo id="kfcct"></bdo></label></label></nobr><pre id="kfcct"><div id="kfcct"></div></pre><abbr id="kfcct"></abbr><p id="kfcct"><input id="kfcct"></input></p><dl id="kfcct"></dl></div> </html>