案例學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：鼠標經過時的圖片動畫</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="aevqgdz" class="text-center margin-large-bottom"> </div> </div> <div id="efsj2md" class="bookdetails-right"> <div style="height:250px;"> <div id="yasmiat" class="_8yiuxfzeh64"></div> <script type="text/javascript"> (window.slotbydup = window.slotbydup || []).push({ id: "u2724904", container: "_8yiuxfzeh64", async: true }); </script> </div> <div id="a21ofzs" class="tit margin-big-top"><h3>本目錄推薦</h3></div> <div class="1slfzvq" id="J_commend" class="books-left border"> <ul> <li> <p style="display: none;" class="fold"> <a href="/book/14140714/" title="MG動畫設計與制作（全彩慕課版）" target="_blank"><i>01</i>MG動畫設計與制作（全彩慕…</a></p> <div id="1snjzsi" class="unfold" style="display: block;"> <i>01</i> <div> <div id="6cvpn7s" class="img80"><a href="/book/14140714/" title="MG動畫設計與制作（全彩慕課版）" target="_blank"><img src="https://img.dushu.com/2024/11/14/11002641927593.jpg_80.jpg" alt="MG動畫設計與制作（全彩慕課版）"></a></div> <h3><a href="/book/14140714/" title="MG動畫設計與制作（全彩慕課版）" target="_blank">MG動畫設計與制作（全彩慕課版）…</a></h3> <p></p> </div> </div> </li> <li> <p style="display: block;" class="fold"> <a href="/book/14140699/" title="Photoshop CC圖形圖像處理實戰(zhàn)教程（微課版）" target="_blank"><i>02</i>Photoshop CC圖形圖像處理…</a></p> <div id="6kvb4qj" class="unfold" style="display: none;"> <i>02</i> <div> <div id="z1nf7jb" class="img80"><a href="/book/14140699/" title="Photoshop CC圖形圖像處理實戰(zhàn)教程（微課版）" target="_blank"><img src="https://img.dushu.com/2024/11/14/11000499188085.jpg_80.jpg" alt="Photoshop CC圖形圖像處理實戰(zhàn)教程（微課版）"></a></div> <h3><a href="/book/14140699/" title="Photoshop CC圖形圖像處理實戰(zhàn)教程（微課版）" target="_blank">Photoshop CC圖形圖像處理實戰(zhàn)教…</a></h3> <p></p> </div> </div> </li> <li> <p style="display: block;" class="fold"> <a href="/book/14140686/" title="三維建模與動畫基礎" target="_blank"><i>03</i>三維建模與動畫基礎</a></p> <div id="pqkga84" class="unfold" style="display: none;"> <i>03</i> <div> <div id="bdunjeb" class="img80"><a href="/book/14140686/" title="三維建模與動畫基礎" target="_blank"><img src="https://img.dushu.com/2024/11/14/1059463806818.jpg_80.jpg" alt="三維建模與動畫基礎"></a></div> <h3><a href="/book/14140686/" title="三維建模與動畫基礎" target="_blank">三維建模與動畫基礎</a></h3> <p></p> </div> </div> </li> <li> <p style="display: block;" class="fold"> <a href="/book/14140709/" title="二維動畫設計軟件應用──Animate（第3版）" target="_blank"><i>04</i>二維動畫設計軟件應用──…</a></p> <div id="1rixqlh" class="unfold" style="display: none;"> <i>04</i> <div> <div id="urlctkf" class="img80"><a href="/book/14140709/" title="二維動畫設計軟件應用──Animate（第3版）" target="_blank"><img src="https://img.dushu.com/2024/11/14/11001854517658.jpg_80.jpg" alt="二維動畫設計軟件應用──Animate（第3版）"></a></div> <h3><a href="/book/14140709/" title="二維動畫設計軟件應用──Animate（第3版）" target="_blank">二維動畫設計軟件應用──Anima…</a></h3> <p></p> </div> </div> </li> <li> <p style="display: block;" class="fold"> <a href="/book/14135593/" title="Premiere+After Effects視頻后期制作基礎教程（移動學習版）" target="_blank"><i>05</i>Premiere+After Effects視…</a></p> <div id="pri8l6k" class="unfold" style="display: none;"> <i>05</i> <div> <div id="2mc1te4" class="img80"><a href="/book/14135593/" title="Premiere+After Effects視頻后期制作基礎教程（移動學習版）" target="_blank"><img src="https://img.dushu.com/2024/10/10/08362433782166.jpg_80.jpg" alt="Premiere+After Effects視頻后期制作基礎教程（移動學習版）"></a></div> <h3><a href="/book/14135593/" title="Premiere+After Effects視頻后期制作基礎教程（移動學習版）" target="_blank">Premiere+After Effects視頻后期…</a></h3> <p></p> </div> </div> </li> <li> <p style="display: block;" class="fold"> <a href="/book/14120151/" title="JewelCAD首飾建模" target="_blank"><i>06</i>JewelCAD首飾建模</a></p> <div id="eebt2me" class="unfold" style="display: none;"> <i>06</i> <div> <div id="4kztp1w" class="img80"><a href="/book/14120151/" title="JewelCAD首飾建模" target="_blank"><img src="https://img.dushu.com/2024/07/17/1341284775488.jpg_80.jpg" alt="JewelCAD首飾建模"></a></div> <h3><a href="/book/14120151/" title="JewelCAD首飾建模" target="_blank">JewelCAD首飾建模</a></h3> <p></p> </div> </div> </li> <li> <p style="display: block;" class="fold"> <a href="/book/14137707/" title="Photoshop圖像處理任務式教程（微課版）" target="_blank"><i>07</i>Photoshop圖像處理任務式…</a></p> <div id="6wskdvq" class="unfold" style="display: none;"> <i>07</i> <div> <div id="bbq7jbu" class="img80"><a href="/book/14137707/" title="Photoshop圖像處理任務式教程（微課版）" target="_blank"><img src="https://img.dushu.com/2024/10/28/10213512980155.jpg_80.jpg" alt="Photoshop圖像處理任務式教程（微課版）"></a></div> <h3><a href="/book/14137707/" title="Photoshop圖像處理任務式教程（微課版）" target="_blank">Photoshop圖像處理任務式教程（…</a></h3> <p></p> </div> </div> </li> <li> <p style="display: block;" class="fold"> <a href="/book/14142454/" title="CorelDRAW 2019中文版基礎與實例教程" target="_blank"><i>08</i>CorelDRAW 2019中文版基礎…</a></p> <div id="axsjcu1" class="unfold" style="display: none;"> <i>08</i> <div> <div id="hjctjav" class="img80"><a href="/book/14142454/" title="CorelDRAW 2019中文版基礎與實例教程" target="_blank"><img src="https://img.dushu.com/2024/11/19/09110824299448.jpg_80.jpg" alt="CorelDRAW 2019中文版基礎與實例教程"></a></div> <h3><a href="/book/14142454/" title="CorelDRAW 2019中文版基礎與實例教程" target="_blank">CorelDRAW 2019中文版基礎與實例…</a></h3> <p></p> </div> </div> </li> <li> <p style="display: block;" class="fold"> <a href="/book/14140705/" title="VR全景拍攝實用教程" target="_blank"><i>09</i>VR全景拍攝實用教程</a></p> <div id="hivvzwq" class="unfold" style="display: none;"> <i>09</i> <div> <div id="bfwsjdy" class="img80"><a href="/book/14140705/" title="VR全景拍攝實用教程" target="_blank"><img src="https://img.dushu.com/2024/11/14/11001170069773.jpg_80.jpg" alt="VR全景拍攝實用教程"></a></div> <h3><a href="/book/14140705/" title="VR全景拍攝實用教程" target="_blank">VR全景拍攝實用教程</a></h3> <p></p> </div> </div> </li> <li id="py39tok" class="bt"> <p style="display: block;" class="fold"> <a href="/book/14126267/" title="Web前端技術項目教程：HTML5+CSS3" target="_blank"><i>10</i>Web前端技術項目教程：HT…</a></p> <div id="w7kytne" class="unfold" style="display: none;"> <i>10</i> <div> <div id="vxlbs1b" class="img80"><a href="/book/14126267/" title="Web前端技術項目教程：HTML5+CSS3" target="_blank"><img src="https://img.dushu.com/2024/08/01/10371691475331.jpg_80.jpg" alt="Web前端技術項目教程：HTML5+CSS3"></a></div> <h3><a href="/book/14126267/" title="Web前端技術項目教程：HTML5+CSS3" target="_blank">Web前端技術項目教程：HTML5+CS…</a></h3> <p></p> </div> </div> </li> </ul> </div> <div id="a99mjbu" class="margin-big-top" id="sidebar"> <div class="6jdxofy" id="qrcode"></div> <div id="78d7k1k" class="margin-big-top text-center text-gray">掃描二維碼</div> </div> </div> </div> <div id="hiarne3" class="layout" id="footer"> <div id="qqgdyri" class="container padding"> <div id="kmiawqm" 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="jrnausm" class="text-center height-big">Copyright ? 讀書網(wǎng) ranfinancial.com 2005-2020, All Rights Reserved.</div> <div id="kn41u6z" 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>window._bd_share_config = { "common": { "bdSnsKey": {}, "bdText": "", "bdMini": "2", "bdMiniList": false, "bdPic": "", "bdStyle": "0", "bdSize": "32" }, "share": {} }; with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = '/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)]; $('.txtsummary').readmore({ maxHeight: 140, moreLink: '<a href="#"><span id="bfujeap" class="icon-arrow-right"></span> 展開全部</a>', lessLink: '<a href="#"><span id="n9bog4l" class="icon-arrow-right"></span> 收起</a>', embedCSS: false }); $("#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://ranfinancial.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="hhjei" class="pl_css_ganrao" style="display: none;"><nav id="hhjei"><kbd id="hhjei"><address id="hhjei"></address></kbd></nav><strong id="hhjei"><noframes id="hhjei"><center id="hhjei"></center></noframes></strong><nav id="hhjei"><rp id="hhjei"></rp></nav><td id="hhjei"></td><pre id="hhjei"></pre><pre id="hhjei"></pre><rt id="hhjei"><tbody id="hhjei"><dfn id="hhjei"></dfn></tbody></rt><tr id="hhjei"><center id="hhjei"></center></tr><track id="hhjei"><span id="hhjei"></span></track><pre id="hhjei"><style id="hhjei"></style></pre><td id="hhjei"></td><strong id="hhjei"></strong><tbody id="hhjei"></tbody><label id="hhjei"><tt id="hhjei"></tt></label><video id="hhjei"><blockquote id="hhjei"></blockquote></video><source id="hhjei"><small id="hhjei"><b id="hhjei"></b></small></source><menu id="hhjei"></menu><ol id="hhjei"></ol><video id="hhjei"><blockquote id="hhjei"><dl id="hhjei"><button id="hhjei"></button></dl></blockquote></video><abbr id="hhjei"><tfoot id="hhjei"></tfoot></abbr><object id="hhjei"></object><center id="hhjei"><label id="hhjei"></label></center><li id="hhjei"><font id="hhjei"><strike id="hhjei"><video id="hhjei"></video></strike></font></li><nobr id="hhjei"></nobr><font id="hhjei"></font><p id="hhjei"></p><object id="hhjei"><th id="hhjei"><font id="hhjei"><cite id="hhjei"></cite></font></th></object><strong id="hhjei"><nav id="hhjei"><mark id="hhjei"></mark></nav></strong><del id="hhjei"></del><tr id="hhjei"><dfn id="hhjei"><legend id="hhjei"></legend></dfn></tr><td id="hhjei"></td><strong id="hhjei"></strong><abbr id="hhjei"></abbr><output id="hhjei"><ol id="hhjei"><tbody id="hhjei"><center id="hhjei"></center></tbody></ol></output><acronym id="hhjei"></acronym><font id="hhjei"><cite id="hhjei"></cite></font><acronym id="hhjei"></acronym><address id="hhjei"></address><optgroup id="hhjei"><menuitem id="hhjei"><dl id="hhjei"><small id="hhjei"></small></dl></menuitem></optgroup><style id="hhjei"><ins id="hhjei"></ins></style><var id="hhjei"></var><s id="hhjei"></s><strong id="hhjei"><nav id="hhjei"><center id="hhjei"><label id="hhjei"></label></center></nav></strong><span id="hhjei"><strong id="hhjei"></strong></span><code id="hhjei"></code><ruby id="hhjei"></ruby><menuitem id="hhjei"><strong id="hhjei"><abbr id="hhjei"><pre id="hhjei"></pre></abbr></strong></menuitem><rt id="hhjei"></rt><pre id="hhjei"></pre><label id="hhjei"><mark id="hhjei"></mark></label><ol id="hhjei"></ol><big id="hhjei"></big><delect id="hhjei"><strike id="hhjei"><style id="hhjei"></style></strike></delect><rp id="hhjei"></rp><pre id="hhjei"></pre><s id="hhjei"></s><object id="hhjei"></object><kbd id="hhjei"><address id="hhjei"><label id="hhjei"></label></address></kbd><pre id="hhjei"></pre><button id="hhjei"></button><dfn id="hhjei"></dfn><acronym id="hhjei"><u id="hhjei"><pre id="hhjei"><rt id="hhjei"></rt></pre></u></acronym><rt id="hhjei"></rt><big id="hhjei"><optgroup id="hhjei"></optgroup></big><dl id="hhjei"><strong id="hhjei"></strong></dl><tr id="hhjei"></tr><tr id="hhjei"></tr><tt id="hhjei"><strike id="hhjei"></strike></tt><input id="hhjei"></input><font id="hhjei"><style id="hhjei"></style></font><video id="hhjei"></video><nobr id="hhjei"><address id="hhjei"><label id="hhjei"><option id="hhjei"></option></label></address></nobr><acronym id="hhjei"><div id="hhjei"></div></acronym><menuitem id="hhjei"></menuitem><input id="hhjei"></input><blockquote id="hhjei"></blockquote><u id="hhjei"></u><label id="hhjei"><tt id="hhjei"></tt></label><small id="hhjei"><strike id="hhjei"><optgroup id="hhjei"><ul id="hhjei"></ul></optgroup></strike></small><dfn id="hhjei"><tfoot id="hhjei"></tfoot></dfn><abbr id="hhjei"><ins id="hhjei"></ins></abbr><center id="hhjei"></center><li id="hhjei"></li><dfn id="hhjei"></dfn><legend id="hhjei"></legend><del id="hhjei"><tfoot id="hhjei"><optgroup id="hhjei"></optgroup></tfoot></del><small id="hhjei"><strike id="hhjei"></strike></small><thead id="hhjei"></thead><ol id="hhjei"><tr id="hhjei"></tr></ol><optgroup id="hhjei"></optgroup><video id="hhjei"><blockquote id="hhjei"><code id="hhjei"><button id="hhjei"></button></code></blockquote></video><strike id="hhjei"></strike><b id="hhjei"></b><bdo id="hhjei"></bdo><meter id="hhjei"><rt id="hhjei"><tr id="hhjei"></tr></rt></meter><pre id="hhjei"><p id="hhjei"></p></pre><menu id="hhjei"></menu><blockquote id="hhjei"><dl id="hhjei"><strong id="hhjei"></strong></dl></blockquote><option id="hhjei"></option><b id="hhjei"></b><td id="hhjei"></td><rp id="hhjei"><xmp id="hhjei"><fieldset id="hhjei"><optgroup id="hhjei"></optgroup></fieldset></xmp></rp><pre id="hhjei"></pre><dfn id="hhjei"><tfoot id="hhjei"></tfoot></dfn><rp id="hhjei"><address id="hhjei"><bdo id="hhjei"><pre id="hhjei"></pre></bdo></address></rp><dl id="hhjei"><strong id="hhjei"><menuitem id="hhjei"><strong id="hhjei"></strong></menuitem></strong></dl><sub id="hhjei"></sub><font id="hhjei"><style id="hhjei"></style></font><del id="hhjei"><span id="hhjei"></span></del><blockquote id="hhjei"><form id="hhjei"><strong id="hhjei"></strong></form></blockquote><blockquote id="hhjei"></blockquote><output id="hhjei"></output><delect id="hhjei"></delect><track id="hhjei"></track><menuitem id="hhjei"><form id="hhjei"><small id="hhjei"><button id="hhjei"></button></small></form></menuitem><kbd id="hhjei"><tr id="hhjei"></tr></kbd><strike id="hhjei"></strike><sub id="hhjei"></sub><form id="hhjei"></form><track id="hhjei"><center id="hhjei"></center></track><object id="hhjei"></object><dfn id="hhjei"><sup id="hhjei"></sup></dfn><table id="hhjei"><xmp id="hhjei"></xmp></table><cite id="hhjei"></cite><em id="hhjei"><tfoot id="hhjei"><input id="hhjei"><del id="hhjei"></del></input></tfoot></em><listing id="hhjei"></listing><em id="hhjei"><blockquote id="hhjei"><dl id="hhjei"></dl></blockquote></em><nobr id="hhjei"><em id="hhjei"><tfoot id="hhjei"><table id="hhjei"></table></tfoot></em></nobr><form id="hhjei"></form><table id="hhjei"></table><b id="hhjei"><p id="hhjei"></p></b><td id="hhjei"></td><bdo id="hhjei"><option id="hhjei"><legend id="hhjei"></legend></option></bdo><small id="hhjei"><button id="hhjei"><progress id="hhjei"></progress></button></small><tr id="hhjei"></tr><center id="hhjei"></center><pre id="hhjei"><noscript id="hhjei"><button id="hhjei"><thead id="hhjei"></thead></button></noscript></pre><style id="hhjei"><ins id="hhjei"></ins></style><nav id="hhjei"></nav><pre id="hhjei"><menuitem id="hhjei"><source id="hhjei"><small id="hhjei"></small></source></menuitem></pre><pre id="hhjei"><pre id="hhjei"><menuitem id="hhjei"><source id="hhjei"></source></menuitem></pre></pre><menuitem id="hhjei"><input id="hhjei"></input></menuitem><var id="hhjei"><tr id="hhjei"><dfn id="hhjei"><optgroup id="hhjei"></optgroup></dfn></tr></var><object id="hhjei"></object><kbd id="hhjei"></kbd><button id="hhjei"></button><thead id="hhjei"><dfn id="hhjei"></dfn></thead><bdo id="hhjei"><pre id="hhjei"></pre></bdo><strike id="hhjei"></strike><form id="hhjei"><strong id="hhjei"></strong></form></div> </html>