1 Web 網(wǎng)站初體驗
1.1 揭秘Web前端
Web是什么？
網(wǎng)頁核心技術(shù)
1.HTML5概述
2.CSS3簡介
3.JavaScript簡介
1.2 大白老師帶你走進HTML5
標(biāo)簽、元素、結(jié)構(gòu)概述
1.HTML5標(biāo)簽6
2.元素
3.HTML5文件結(jié)構(gòu)
HTML 5的基本標(biāo)簽
1.文件開始標(biāo)簽
2.文件頭部標(biāo)簽
3.文件標(biāo)題標(biāo)簽
</p>
<p>4.元信息標(biāo)簽<meta></p>
<p>5.頁面的主體標(biāo)簽<body>8</p>
<p>6.頁面的注釋</p>
<p>1.3 用WebStorm寫下你的第一行HTML5代碼</p>
<p>下載和安裝</p>
<p>創(chuàng)建HTML5工程和文件，運行HTML5程序</p>
<p>大白的任務(wù)：網(wǎng)頁字符畫 —— 史努比</p>
<p>2 搭建網(wǎng)站雛形</p>
<p>案例1：制作第一個H5案例—— 明日學(xué)院簡介</p>
<p>案例描述</p>
<p>知識點講解</p>
<p>1.<p>段落標(biāo)簽</p>
<p>2.<img>圖片標(biāo)簽</p>
<p>案例實現(xiàn)</p>
<p>案例2：多圖展示合作伙伴</p>
<p>案例描述</p>
<p>知識點講解</p>
<p>1.<hr>水平線標(biāo)簽</p>
<p>2.<br />換行標(biāo)簽</p>
<p>案例實現(xiàn)</p>
<p>案例3：通過外鏈實現(xiàn)友情鏈接</p>
<p>案例描述</p>
<p>知識點講解</p>
<p><a>鏈接標(biāo)簽</p>
<p>案例實現(xiàn)</p>
<p>案例4：分組標(biāo)簽制作聯(lián)系方式</p>
<p>案例描述</p>
<p>知識點講解</p>
<p><div>和<span>分組標(biāo)簽</p>
<p>案例實現(xiàn)</p>
<p>大白的任務(wù)：圖文結(jié)合展示商品</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：時間軸方式的直播預(yù)告</p>
<p>案例描述</p>
<p>知識點講解</p>
<p>1.HTML列表標(biāo)簽</p>
<p>2.CSS列表屬性</p>
<p>案例實現(xiàn)</p>
<p>案例3：美化學(xué)習(xí)興趣分類界面</p>
<p>案例描述</p>
<p>知識點講解</p>
<p>1.鏈接<a>標(biāo)簽的CSS屬性</p>
<p>2.文本相關(guān)的CSS屬性1</p>
<p>案例實現(xiàn)</p>
<p>案例4：打造多彩網(wǎng)站主題背景</p>
<p>案例描述</p>
<p>知識點講解</p>
<p>與背景相關(guān)的CSS屬性</p>
<p>案例實現(xiàn)</p>
<p>大白的任務(wù)：商品分類展示（CSS版）</p>
<p>4 HTML5 多媒體實現(xiàn)網(wǎng)站“家庭影院”</p>
<p>案例1：網(wǎng)頁中的H5視頻播放器</p>
<p>案例描述</p>
<p>知識點講解</p>
<p><video>標(biāo)簽</p>
<p>案例實現(xiàn)</p>
<p>案例2：動態(tài)文字彈幕</p>
<p>案例描述</p>
<p>知識點講解</p>
<p><marquee>標(biāo)簽</p>
<p>案例實現(xiàn)</p>
<p>案例3：神奇的在線聽書功能案例描述</p>
<p>知識點講解</p>
<p><audio>標(biāo)簽</p>
<p>案例實現(xiàn)</p>
<p>案例4：定制你的視頻播放器</p>
<p>案例描述</p>
<p>知識點講解</p>
<p>1.多媒體標(biāo)簽的事件處理</p>
<p>2.多媒體標(biāo)簽的常見事件</p>
<p>案例實現(xiàn)</p>
<p>大白的任務(wù)：DIY音樂播放器</p>
<p>5 通過HTML5 表單與用戶交互</p>
<p>案例1：表單實現(xiàn)用戶注冊頁面</p>
<p>案例描述</p>
<p>知識點講解</p>
<p><form>表單標(biāo)簽</p>
<p>案例實現(xiàn)</p>
<p>案例2：申請個人講師</p>
<p>案例描述</p>
<p>知識點講解</p>
<p>1.<input>標(biāo)簽</p>
<p>2.單選框和復(fù)選框</p>
<p>案例實現(xiàn)</p>
<p>案例3：智能機器人</p>
<p>案例描述</p>
<p>知識點講解</p>
<p><textarea>文本域標(biāo)簽</p>
<p>案例實現(xiàn)</p>
<p>案例4：帶附件的用戶反饋</p>
<p>案例描述</p>
<p>知識點講解</p>
<p>1.圖像域</p>
<p>2.文件域</p>
<p>案例實現(xiàn)</p>
<p>大白的任務(wù)：設(shè)計個人信息表單8</p>
<p>6 列表與表格——讓網(wǎng)站更規(guī)整</p>
<p>案例1：圖文結(jié)合顯示課程列表</p>
<p>案例描述</p>
<p>知識點講解</p>
<p>定義列表</p>
<p>案例實現(xiàn)</p>
<p>案例2：網(wǎng)站必備的導(dǎo)航菜單</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：表格也可以設(shè)計漂亮的訂單頁面</p>
<p>案例描述</p>
<p>知識點講解</p>
<p>1.簡單表格</p>
<p>2.表格的合并</p>
<p>案例實現(xiàn)</p>
<p>大白的任務(wù)：商品分類展示（表格版）</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：鼠標(biāo)經(jīng)過時的圖片動畫</p>
<p>案例描述</p>
<p>知識點講解</p>
<p>變換（transform）</p>
<p>案例實現(xiàn)</p>
<p>案例4：給導(dǎo)航菜單增加動畫特效</p>
<p>案例描述</p>
<p>知識點講解</p>
<p>過渡（transition）</p>
<p>案例實現(xiàn)</p>
<p>大白的任務(wù)：商品的文字動效廣告</p>
<p>8 JavaScript 基礎(chǔ)應(yīng)用</p>
<p>案例1：給你的課程分分類</p>
<p>案例描述</p>
<p>知識點講解</p>
<p>1.標(biāo)識符</p>
<p>2.關(guān)鍵字</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.認(rèn)識 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ù)：網(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.鼠標(biāo)的單擊事件</p>
<p>2.鼠標(biāo)的按下或松開事件</p>
<p>3.鼠標(biāo)的移入移出事件</p>
<p>4.鼠標(biāo)的移動事件</p>
<p>案例實現(xiàn)</p>
<p>案例4：模擬12306圖片驗證碼</p>
<p>案例描述</p>
<p>知識點講解</p>
<p>注冊與移除事件監(jiān)聽器8</p>
<p>案例實現(xiàn)</p>
<p>大白的任務(wù)：布局用戶登錄頁</p>
<p>10 手機響應(yīng)式開發(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分鐘讓你學(xué)會在手機端播放視頻</p>
<p>案例描述</p>
<p>知識點講解</p>
<p><meta>標(biāo)簽</p>
<p>案例實現(xiàn)</p>
<p>大白的任務(wù)：《王者榮耀》手機端官網(wǎng)</p>
<p>11 手機響應(yīng)式開發(fā)（下）</p>
<p>案例1：讓圖片在手機上縮放自如</p>
<p>案例描述</p>
<p>知識點講解</p>
<p>1.使用<picture>標(biāo)簽</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：響應(yīng)式導(dǎo)航菜單</p>
<p>案例描述</p>
<p>知識點講解</p>
<p>1.CSS3響應(yīng)式菜單</p>
<p>2.JavaScript響應(yīng)式菜單</p>
<p>案例實現(xiàn)</p>
<p>案例4：表格“變形記”</p>
<p>案例描述</p>
<p>知識點講解</p>
<p>1.隱藏表格中的列</p>
<p>2.滾動表格中的列</p>
<p>3.轉(zhuǎn)換表格中的列</p>
<p>案例實現(xiàn)</p>
<p>大白的任務(wù)：響應(yīng)式顯示招聘信息</p>
<p>12 綜合案例—明日學(xué)院官網(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端自適應(yīng)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：課程詳情頁—— 開啟你的學(xué)習(xí)之旅</p>
<p>案例描述</p>
<p>知識點講解</p>
<p>Amaze UI 選項卡組件案例實現(xiàn)</p>
<p>大白的任務(wù)：游戲公園</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="0qeu7nh" class="text-center margin-large-bottom">
<script async src="http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- read*底部 -->
<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="quglqkj" class="bookdetails-right">
<div style="height:250px;">
<div id="5qjoqb7" class="_8yiuxfzeh64"></div>
<script type="text/javascript">
(window.slotbydup = window.slotbydup || []).push({
id: "u2724904",
container: "_8yiuxfzeh64",
async: true
});
</script>
</div>
<div id="5ybaqb5" class="tit margin-big-top"><h3>本目錄推薦</h3></div>
<div class="j70rhz7" id="J_commend" class="books-left border">
<ul>
<li>
<p style="display: none;" class="fold">
<a href="/book/14174359/" title="Illustrator 2024中文全彩鉑金版案例教程" target="_blank"><i>01</i>Illustrator 2024中文全彩…</a></p>
<div id="pka2ea7" class="unfold" style="display: block;">
<i>01</i>
<div>
<div id="doehf0j" class="img80"><a href="/book/14174359/" title="Illustrator 2024中文全彩鉑金版案例教程" target="_blank"><img src="https://img.dushu.com/2025/05/30/01272367740361979.jpg_80.jpg" alt="Illustrator 2024中文全彩鉑金版案例教程"></a></div>
<h3><a href="/book/14174359/" title="Illustrator 2024中文全彩鉑金版案例教程" target="_blank">Illustrator 2024中文全彩鉑金版…</a></h3>
<p></p>
</div>
</div>
</li>
<li>
<p style="display: block;" class="fold">
<a href="/book/14174455/" title="AIGC時代的UI設(shè)計" target="_blank"><i>02</i>AIGC時代的UI設(shè)計</a></p>
<div id="o5357bx" class="unfold" style="display: none;">
<i>02</i>
<div>
<div id="2xchxkr" class="img80"><a href="/book/14174455/" title="AIGC時代的UI設(shè)計" target="_blank"><img src="https://img.dushu.com/2025/05/30/01594413540369661.jpg_80.jpg" alt="AIGC時代的UI設(shè)計"></a></div>
<h3><a href="/book/14174455/" title="AIGC時代的UI設(shè)計" target="_blank">AIGC時代的UI設(shè)計</a></h3>
<p></p>
</div>
</div>
</li>
<li>
<p style="display: block;" class="fold">
<a href="/book/14174433/" title="Adobe Creative Cloud經(jīng)典教程" target="_blank"><i>03</i>Adobe Creative Cloud經(jīng)典…</a></p>
<div id="a7cl7ul" class="unfold" style="display: none;">
<i>03</i>
<div>
<div id="aeqvmct" class="img80"><a href="/book/14174433/" title="Adobe Creative Cloud經(jīng)典教程" target="_blank"><img src="https://img.dushu.com/2025/05/30/01534149440366502.jpg_80.jpg" alt="Adobe Creative Cloud經(jīng)典教程"></a></div>
<h3><a href="/book/14174433/" title="Adobe Creative Cloud經(jīng)典教程" target="_blank">Adobe Creative Cloud經(jīng)典教程</a></h3>
<p></p>
</div>
</div>
</li>
<li>
<p style="display: block;" class="fold">
<a href="/book/14174364/" title="數(shù)字化設(shè)計與實踐探究" target="_blank"><i>04</i>數(shù)字化設(shè)計與實踐探究</a></p>
<div id="lncw5te" class="unfold" style="display: none;">
<i>04</i>
<div>
<div id="g53a0hd" class="img80"><a href="/book/14174364/" title="數(shù)字化設(shè)計與實踐探究" target="_blank"><img src="https://img.dushu.com/2025/05/30/01273535340369462.jpg_80.jpg" alt="數(shù)字化設(shè)計與實踐探究"></a></div>
<h3><a href="/book/14174364/" title="數(shù)字化設(shè)計與實踐探究" target="_blank">數(shù)字化設(shè)計與實踐探究</a></h3>
<p></p>
</div>
</div>
</li>
<li>
<p style="display: block;" class="fold">
<a href="/book/14174416/" title="短視頻拍攝與制作" target="_blank"><i>05</i>短視頻拍攝與制作</a></p>
<div id="7tu5lij" class="unfold" style="display: none;">
<i>05</i>
<div>
<div id="tb2d5tr" class="img80"><a href="/book/14174416/" title="短視頻拍攝與制作" target="_blank"><img src="https://img.dushu.com/2025/05/30/0134011434036651.jpg_80.jpg" alt="短視頻拍攝與制作"></a></div>
<h3><a href="/book/14174416/" title="短視頻拍攝與制作" target="_blank">短視頻拍攝與制作</a></h3>
<p></p>
</div>
</div>
</li>
<li>
<p style="display: block;" class="fold">
<a href="/book/14174399/" title="AI繪畫實操指南 Stable Diffusion圖像創(chuàng)作入門" target="_blank"><i>06</i>AI繪畫實操指南 Stable D…</a></p>
<div id="q5w0amo" class="unfold" style="display: none;">
<i>06</i>
<div>
<div id="xta5vzl" class="img80"><a href="/book/14174399/" title="AI繪畫實操指南 Stable Diffusion圖像創(chuàng)作入門" target="_blank"><img src="https://img.dushu.com/2025/05/30/01311614740368883.jpg_80.jpg" alt="AI繪畫實操指南 Stable Diffusion圖像創(chuàng)作入門"></a></div>
<h3><a href="/book/14174399/" title="AI繪畫實操指南 Stable Diffusion圖像創(chuàng)作入門" target="_blank">AI繪畫實操指南 Stable Diffusi…</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>07</i>Adobe After Effects 202…</a></p>
<div id="xzhfnca" class="unfold" style="display: none;">
<i>07</i>
<div>
<div id="sty00wm" 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/14174386/" title="多源夜視圖像認(rèn)知計算理論與方法：認(rèn)知計算與挖掘?qū)W習(xí)（第二版）" target="_blank"><i>08</i>多源夜視圖像認(rèn)知計算理論…</a></p>
<div id="duka5jw" class="unfold" style="display: none;">
<i>08</i>
<div>
<div id="kfn0yra" class="img80"><a href="/book/14174386/" title="多源夜視圖像認(rèn)知計算理論與方法：認(rèn)知計算與挖掘?qū)W習(xí)（第二版）" target="_blank"><img src="https://img.dushu.com/2025/05/30/0128443094036977.jpg_80.jpg" alt="多源夜視圖像認(rèn)知計算理論與方法：認(rèn)知計算與挖掘?qū)W習(xí)（第二版）"></a></div>
<h3><a href="/book/14174386/" title="多源夜視圖像認(rèn)知計算理論與方法：認(rèn)知計算與挖掘?qū)W習(xí)（第二版）" target="_blank">多源夜視圖像認(rèn)知計算理論與方法…</a></h3>
<p></p>
</div>
</div>
</li>
<li>
<p style="display: block;" class="fold">
<a href="/book/14174458/" title="Adobe Illustrator 2023基礎(chǔ)教材" target="_blank"><i>09</i>Adobe Illustrator 2023基…</a></p>
<div id="27attlt" class="unfold" style="display: none;">
<i>09</i>
<div>
<div id="n2jb0sr" class="img80"><a href="/book/14174458/" title="Adobe Illustrator 2023基礎(chǔ)教材" target="_blank"><img src="https://img.dushu.com/2025/05/30/02241462740363906.jpg_80.jpg" alt="Adobe Illustrator 2023基礎(chǔ)教材"></a></div>
<h3><a href="/book/14174458/" title="Adobe Illustrator 2023基礎(chǔ)教材" target="_blank">Adobe Illustrator 2023基礎(chǔ)教材…</a></h3>
<p></p>
</div>
</div>
</li>
<li id="l0x2snl" class="bt">
<p style="display: block;" class="fold">
<a href="/book/14174370/" title="3D打印與創(chuàng)意設(shè)計" target="_blank"><i>10</i>3D打印與創(chuàng)意設(shè)計</a></p>
<div id="yeb7nec" class="unfold" style="display: none;">
<i>10</i>
<div>
<div id="y0277h2" class="img80"><a href="/book/14174370/" title="3D打印與創(chuàng)意設(shè)計" target="_blank"><img src="https://img.dushu.com/2025/05/30/01275073840365942.jpg_80.jpg" alt="3D打印與創(chuàng)意設(shè)計"></a></div>
<h3><a href="/book/14174370/" title="3D打印與創(chuàng)意設(shè)計" target="_blank">3D打印與創(chuàng)意設(shè)計</a></h3>
<p></p>
</div>
</div>
</li>
</ul>
</div>
<div id="ba55rq0" class="margin-big-top" id="sidebar">
<script async src="http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 300-right -->
<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="5ztb2x3" id="qrcode"></div>
<div id="dgzackk" class="margin-big-top text-center text-gray">掃描二維碼</div>
</div>
</div>
</div>
<div id="vtgkiu2" class="layout" id="footer">
<div id="uerbgy2" class="container padding">
<div id="278is5l" class="text-center">
<ul class="nav nav-inline">
<li><a href="/help/1587.html">關(guān)于讀書</a> </li>
<li><a href="/help/1588.html">免責(zé)聲明</a> </li>
<li><a href="/help/1589.html">讀書目錄</a> </li>
<li><a href="/help/1590.html">聯(lián)系我們</a> </li>
</ul>
</div>
<div id="5jdpgml" class="text-center height-big">Copyright ? 讀書網(wǎng) afriseller.com 2005-2020, All Rights Reserved.</div>
<div id="078wt5f" 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="rapgqru" class="icon-arrow-right"></span> 展開全部</a>', lessLink: '<a href="#"><span id="x5vrc0z" 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://afriseller.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="j7yfr" class="pl_css_ganrao" style="display: none;"><sub id="j7yfr"></sub><th id="j7yfr"><small id="j7yfr"></small></th><acronym id="j7yfr"><tr id="j7yfr"></tr></acronym><noscript id="j7yfr"><ruby id="j7yfr"><small id="j7yfr"><del id="j7yfr"></del></small></ruby></noscript><td id="j7yfr"><form id="j7yfr"><sup id="j7yfr"><form id="j7yfr"></form></sup></form></td><sup id="j7yfr"><th id="j7yfr"><big id="j7yfr"><th id="j7yfr"></th></big></th></sup><legend id="j7yfr"></legend><small id="j7yfr"><ruby id="j7yfr"></ruby></small><ol id="j7yfr"></ol><td id="j7yfr"></td><ins id="j7yfr"></ins><noscript id="j7yfr"><noframes id="j7yfr"><noscript id="j7yfr"><noframes id="j7yfr"></noframes></noscript></noframes></noscript><acronym id="j7yfr"><noframes id="j7yfr"></noframes></acronym><legend id="j7yfr"><ol id="j7yfr"><legend id="j7yfr"><td id="j7yfr"></td></legend></ol></legend><legend id="j7yfr"><dl id="j7yfr"><s id="j7yfr"><fieldset id="j7yfr"></fieldset></s></dl></legend><th id="j7yfr"></th><td id="j7yfr"></td><th id="j7yfr"><sup id="j7yfr"><form id="j7yfr"><tt id="j7yfr"></tt></form></sup></th><acronym id="j7yfr"><tr id="j7yfr"><mark id="j7yfr"><tr id="j7yfr"></tr></mark></tr></acronym><noframes id="j7yfr"><noscript id="j7yfr"></noscript></noframes><style id="j7yfr"></style><sub id="j7yfr"><mark id="j7yfr"></mark></sub><label id="j7yfr"></label><optgroup id="j7yfr"><style id="j7yfr"><small id="j7yfr"></small></style></optgroup><strong id="j7yfr"><listing id="j7yfr"><strong id="j7yfr"><listing id="j7yfr"></listing></strong></listing></strong><th id="j7yfr"><ol id="j7yfr"><ins id="j7yfr"><kbd id="j7yfr"></kbd></ins></ol></th><td id="j7yfr"><legend id="j7yfr"><td id="j7yfr"></td></legend></td><s id="j7yfr"></s><fieldset id="j7yfr"></fieldset><mark id="j7yfr"></mark><sup id="j7yfr"><th id="j7yfr"><sup id="j7yfr"></sup></th></sup><small id="j7yfr"><style id="j7yfr"><tr id="j7yfr"><mark id="j7yfr"></mark></tr></style></small><ruby id="j7yfr"></ruby><style id="j7yfr"></style><th id="j7yfr"></th><form id="j7yfr"><big id="j7yfr"><form id="j7yfr"><tt id="j7yfr"></tt></form></big></form><fieldset id="j7yfr"></fieldset><ol id="j7yfr"></ol><form id="j7yfr"><sup id="j7yfr"><th id="j7yfr"><tt id="j7yfr"></tt></th></sup></form><tt id="j7yfr"><optgroup id="j7yfr"><tt id="j7yfr"><ins id="j7yfr"></ins></tt></optgroup></tt><ol id="j7yfr"></ol><kbd id="j7yfr"><xmp id="j7yfr"></xmp></kbd><label id="j7yfr"></label><small id="j7yfr"></small><th id="j7yfr"></th><legend id="j7yfr"></legend><form id="j7yfr"></form><sup id="j7yfr"><listing id="j7yfr"><sub id="j7yfr"></sub></listing></sup><mark id="j7yfr"></mark><noframes id="j7yfr"><small id="j7yfr"><del id="j7yfr"><acronym id="j7yfr"></acronym></del></small></noframes><tt id="j7yfr"></tt><acronym id="j7yfr"></acronym><big id="j7yfr"><input id="j7yfr"><ruby id="j7yfr"><mark id="j7yfr"></mark></ruby></input></big><sub id="j7yfr"></sub><tr id="j7yfr"><fieldset id="j7yfr"><optgroup id="j7yfr"><sup id="j7yfr"></sup></optgroup></fieldset></tr><legend id="j7yfr"></legend><sup id="j7yfr"><legend id="j7yfr"><ruby id="j7yfr"><acronym id="j7yfr"></acronym></ruby></legend></sup><input id="j7yfr"></input><xmp id="j7yfr"></xmp><small id="j7yfr"></small><ins id="j7yfr"></ins><mark id="j7yfr"><sub id="j7yfr"></sub></mark><xmp id="j7yfr"><sup id="j7yfr"></sup></xmp><input id="j7yfr"></input><input id="j7yfr"></input><legend id="j7yfr"></legend><acronym id="j7yfr"><tr id="j7yfr"></tr></acronym><legend id="j7yfr"><ol id="j7yfr"><input id="j7yfr"><ol id="j7yfr"></ol></input></ol></legend><input id="j7yfr"></input><kbd id="j7yfr"><ins id="j7yfr"></ins></kbd><form id="j7yfr"><sup id="j7yfr"><form id="j7yfr"></form></sup></form><xmp id="j7yfr"><sup id="j7yfr"><xmp id="j7yfr"></xmp></sup></xmp><label id="j7yfr"><table id="j7yfr"><small id="j7yfr"><table id="j7yfr"></table></small></table></label><listing id="j7yfr"></listing><noframes id="j7yfr"></noframes><legend id="j7yfr"></legend><acronym id="j7yfr"><del id="j7yfr"><mark id="j7yfr"><sub id="j7yfr"></sub></mark></del></acronym><input id="j7yfr"><strong id="j7yfr"><small id="j7yfr"></small></strong></input><del id="j7yfr"><style id="j7yfr"><xmp id="j7yfr"></xmp></style></del><sub id="j7yfr"><dl id="j7yfr"></dl></sub><sub id="j7yfr"><dl id="j7yfr"><label id="j7yfr"></label></dl></sub><listing id="j7yfr"><noframes id="j7yfr"><dl id="j7yfr"><s id="j7yfr"></s></dl></noframes></listing><acronym id="j7yfr"><small id="j7yfr"><tt id="j7yfr"><form id="j7yfr"></form></tt></small></acronym><big id="j7yfr"><th id="j7yfr"><td id="j7yfr"></td></th></big><mark id="j7yfr"><label id="j7yfr"><sup id="j7yfr"></sup></label></mark><table id="j7yfr"></table><ins id="j7yfr"></ins><legend id="j7yfr"></legend><sup id="j7yfr"><form id="j7yfr"><big id="j7yfr"><legend id="j7yfr"></legend></big></form></sup><td id="j7yfr"><listing id="j7yfr"><ruby id="j7yfr"></ruby></listing></td><sup id="j7yfr"><legend id="j7yfr"><ruby id="j7yfr"><fieldset id="j7yfr"></fieldset></ruby></legend></sup><ol id="j7yfr"><input id="j7yfr"></input></ol><label id="j7yfr"></label><strong id="j7yfr"><mark id="j7yfr"></mark></strong><del id="j7yfr"></del><style id="j7yfr"><small id="j7yfr"></small></style><big id="j7yfr"><noscript id="j7yfr"></noscript></big><td id="j7yfr"><th id="j7yfr"><ins id="j7yfr"></ins></th></td><fieldset id="j7yfr"><xmp id="j7yfr"><sup id="j7yfr"></sup></xmp></fieldset><small id="j7yfr"></small><sub id="j7yfr"><fieldset id="j7yfr"></fieldset></sub><th id="j7yfr"></th><table id="j7yfr"></table><tr id="j7yfr"></tr><tt id="j7yfr"></tt><mark id="j7yfr"></mark><fieldset id="j7yfr"><ins id="j7yfr"><ol id="j7yfr"><noscript id="j7yfr"></noscript></ol></ins></fieldset><mark id="j7yfr"><legend id="j7yfr"><fieldset id="j7yfr"></fieldset></legend></mark><tr id="j7yfr"><style id="j7yfr"><form id="j7yfr"></form></style></tr><tt id="j7yfr"><xmp id="j7yfr"></xmp></tt><listing id="j7yfr"></listing><mark id="j7yfr"><legend id="j7yfr"><fieldset id="j7yfr"><label id="j7yfr"></label></fieldset></legend></mark><legend id="j7yfr"></legend><sup id="j7yfr"><input id="j7yfr"></input></sup><fieldset id="j7yfr"></fieldset><table id="j7yfr"></table><small id="j7yfr"><table id="j7yfr"></table></small><th id="j7yfr"></th><kbd id="j7yfr"><mark id="j7yfr"><s id="j7yfr"></s></mark></kbd><del id="j7yfr"></del><style id="j7yfr"><ins id="j7yfr"></ins></style><ruby id="j7yfr"><small id="j7yfr"><tr id="j7yfr"></tr></small></ruby><ol id="j7yfr"><noscript id="j7yfr"></noscript></ol><big id="j7yfr"><legend id="j7yfr"><noframes id="j7yfr"><acronym id="j7yfr"></acronym></noframes></legend></big><ins id="j7yfr"></ins><tr id="j7yfr"></tr><legend id="j7yfr"></legend><s id="j7yfr"></s><small id="j7yfr"><noframes id="j7yfr"><listing id="j7yfr"></listing></noframes></small><noscript id="j7yfr"></noscript><small id="j7yfr"></small><sup id="j7yfr"><form id="j7yfr"><td id="j7yfr"></td></form></sup><input id="j7yfr"></input><acronym id="j7yfr"></acronym><noscript id="j7yfr"></noscript><big id="j7yfr"><legend id="j7yfr"><noframes id="j7yfr"></noframes></legend></big><input id="j7yfr"></input><ol id="j7yfr"></ol><tt id="j7yfr"><ins id="j7yfr"><kbd id="j7yfr"><legend id="j7yfr"></legend></kbd></ins></tt><mark id="j7yfr"><optgroup id="j7yfr"><td id="j7yfr"></td></optgroup></mark><xmp id="j7yfr"><ol id="j7yfr"><small id="j7yfr"><sub id="j7yfr"></sub></small></ol></xmp><mark id="j7yfr"><tr id="j7yfr"></tr></mark><tr id="j7yfr"></tr><mark id="j7yfr"><tr id="j7yfr"><table id="j7yfr"></table></tr></mark><input id="j7yfr"><ruby id="j7yfr"><mark id="j7yfr"><legend id="j7yfr"></legend></mark></ruby></input><fieldset id="j7yfr"></fieldset><style id="j7yfr"><xmp id="j7yfr"><ol id="j7yfr"></ol></xmp></style><fieldset id="j7yfr"><label id="j7yfr"><kbd id="j7yfr"></kbd></label></fieldset><sup id="j7yfr"><noscript id="j7yfr"><s id="j7yfr"><sup id="j7yfr"></sup></s></noscript></sup><input id="j7yfr"><strong id="j7yfr"><small id="j7yfr"><s id="j7yfr"></s></small></strong></input></div>
</html>
