近幾年來，互聯(lián)網(wǎng) 、大數(shù)據(jù)、云計(jì)算、物聯(lián)網(wǎng)、虛擬現(xiàn)實(shí)、人工智能、機(jī)器學(xué)習(xí)、移動(dòng)互聯(lián)網(wǎng)等IT 相關(guān)新名詞、新概念層出不窮，相關(guān)產(chǎn)業(yè)發(fā)展如火如荼�；ヂ�(lián)網(wǎng) 、移動(dòng)互聯(lián)網(wǎng)已經(jīng)深入到人們的日常生活的角角落落，人們已經(jīng)離不開互聯(lián)網(wǎng)。為了讓人們有更好的互聯(lián)網(wǎng)體驗(yàn)效果，Web 前端開發(fā)、移動(dòng)終端開發(fā)相關(guān)技術(shù)發(fā)展迅猛。
HTML、CSS、JavaScript、jQuery、Bootstrap 等技術(shù)相互配合使用，大大減輕了 Web 前端開發(fā)者的工作量，降低了開發(fā)成本。本書旨在幫助讀者朋友快速掌握目前最前沿技術(shù)，使前端設(shè)計(jì)從外觀上變得更炫，在技術(shù)上更簡(jiǎn)易。
本書內(nèi)容
本書分為三大部分，具體結(jié)構(gòu)劃分如下。
第1 部分：網(wǎng)頁樣式基礎(chǔ)部分。 這部分內(nèi)容主要介紹網(wǎng)頁設(shè)計(jì)基礎(chǔ)，使用HTML標(biāo)簽標(biāo)識(shí)網(wǎng)頁內(nèi)容，使用 CSS 設(shè)計(jì)網(wǎng)頁基本樣式，如文本、超鏈接、圖像、列表、表單和表格等網(wǎng)頁對(duì)象的樣式。
第 2 部分：CSS3 布局部分。這部分內(nèi)容主要講解使用CSS 設(shè)計(jì)完整的網(wǎng)頁的方法和技巧，介紹CSS3中的各種新技術(shù)應(yīng)用。
第 3 部分：JavaScript 部分。這部分內(nèi)容主要講解 JavaScript 基本語法和用法，使用 JavaScript 控制網(wǎng)頁文檔和瀏覽器，JavaScript 事件處理，使用 JavaScript 設(shè)計(jì) CSS動(dòng)畫。
本書的姊妹篇《HTML5 CSS3 JavaScript 從入門到精通（進(jìn)階版） 》還講到了 JavaScript BOM、JavaScript DOM等 JavaScript 高級(jí)程序設(shè)計(jì)涉及到的內(nèi)容，以及操作 CSS、使用 Ajax、使用 jQuery、使用 Bootstrap以及案例實(shí)戰(zhàn)等相關(guān)內(nèi)容。
本書的編寫特點(diǎn)
? 實(shí)用性強(qiáng)
本書把實(shí)用做為編寫的首要原則，重點(diǎn)選取實(shí)際開發(fā)工作中用得到的知識(shí)點(diǎn)，并按知識(shí)點(diǎn)的常用程度，進(jìn)行了詳略調(diào)整，目的是希望讀者朋友用最短的時(shí)間掌握開發(fā)必備知識(shí)。
? 入門容易
本書思路清晰，語言通俗，操作步驟詳盡。讀者朋友只要認(rèn)真閱讀本書，把書中所有示例認(rèn)真地練習(xí)一遍，并獨(dú)立完成所有的實(shí)戰(zhàn)案例，就可以達(dá)到專業(yè)開發(fā)人員的水平。
? 講述透徹
本書把知識(shí)點(diǎn)融于大量的示例中，并結(jié)合實(shí)戰(zhàn)案例進(jìn)行講解和拓展，力求讓讀者朋友 知其然，知其所以然 。
? 系統(tǒng)全面
本書從零開始到實(shí)戰(zhàn)應(yīng)用，內(nèi)容豐富詳盡，知識(shí)系統(tǒng)全面，講述了實(shí)際開發(fā)工作中用到的絕大部分知識(shí)。
? 操作性強(qiáng)
本書顛覆了傳統(tǒng)的看書觀念，變成一本能操作的圖書。書中示例遍布每個(gè)小節(jié)，且每個(gè)示例操作步驟清晰明了，簡(jiǎn)單模仿就能快速上手。
本書顯著特色
? 體驗(yàn)好
二維碼掃一掃，隨時(shí)隨地看視頻。書中幾乎每個(gè)章節(jié)都提供了二維碼，讀者朋友可以通過手機(jī)微信掃一掃，隨時(shí)隨地看相關(guān)的教學(xué)視頻。 （若個(gè)別手機(jī)不能播放，請(qǐng)參考前言中的本書學(xué)習(xí)資源列表及其獲取方式下載后在電腦上可以一樣觀看）
? 資源多
從配套到拓展，資源庫(kù)一應(yīng)俱全。本書提供了幾乎覆蓋全書的配套視頻和素材源文件。還提供了拓展的學(xué)習(xí)資源：習(xí)題及面試題庫(kù)、案例庫(kù)、工具庫(kù)、網(wǎng)頁模板庫(kù)、網(wǎng)頁配色庫(kù)、網(wǎng)頁素材庫(kù)、網(wǎng)頁案例欣賞庫(kù)等，拓展視野、貼近實(shí)戰(zhàn)，學(xué)習(xí)資源一網(wǎng)打盡！
? 案例多
案例豐富詳盡，邊做邊學(xué)更快捷。跟著大量案例去學(xué)習(xí)，邊學(xué)邊做，從做中學(xué)，學(xué)習(xí)可以更深入、更高效。
? 入門易
遵循學(xué)習(xí)規(guī)律，入門實(shí)戰(zhàn)相結(jié)合。編寫模式采用基礎(chǔ)知識(shí) 中小實(shí)例 實(shí)戰(zhàn)案例，內(nèi)容由淺入深，循序漸進(jìn)，從入門中學(xué)習(xí)實(shí)戰(zhàn)應(yīng)用，從實(shí)戰(zhàn)應(yīng)用中激發(fā)學(xué)習(xí)興趣。
? 服務(wù)快
提供在線服務(wù)，隨時(shí)隨地可交流。提供QQ 群、網(wǎng)站下載等多渠道貼心服務(wù)。
本書學(xué)習(xí)資源列表及獲取方式
本書的學(xué)習(xí)資源十分豐富，全部資源分布如下：
? 配套資源
（1）本書的配套同步視頻共計(jì) 222 節(jié)（可用二維碼掃描觀看或從下述的網(wǎng)站下載）
（2）本書的素材及源程序共計(jì) 349 項(xiàng)
? 拓展學(xué)習(xí)資源
（1）習(xí)題及面試題庫(kù)（共計(jì) 1000題）
（2）案例庫(kù)（各類案例 4396個(gè)）
（3）工具庫(kù)（HTML參考手冊(cè) 11部、CSS 參考手冊(cè) 10部、JavaScript 參考手冊(cè) 26部）
（4）網(wǎng)頁模板庫(kù)（各類模板 1636個(gè)）
（5）網(wǎng)頁素材庫(kù)（17大類）
（6）網(wǎng)頁配色庫(kù)（623項(xiàng)）
（7）網(wǎng)頁欣賞案例庫(kù)（共計(jì) 508例）
? 以上資源的獲取及聯(lián)系方式
（1）登錄網(wǎng)站 xue.bookln.cn，輸入書名，搜索到本書后下載。
（2）登錄中國(guó)水利水電出版社的官方網(wǎng)站：www.waterpub.com.cn/softdown/，找到本書后，根據(jù)相關(guān)提示下載。
（3）加入本書學(xué)習(xí)QQ 群：621135618、625186596、625853788、626360108，讀者可以單擊 QQ窗口右側(cè)的群應(yīng)用下的文件，找到相關(guān)資源后下載。
（4）讀者朋友還可通過電子郵件 weilaitushu@126.com、945694286@qq.com 與我們聯(lián)系。
本書約定
1．為了節(jié)約版面，本書中所顯示的示例代碼大部分都是局部的，示例的全部代碼可以到上述網(wǎng)站的素材及源程序處下載。
2．部分示例可能需要服務(wù)器的配合，可以參閱示例所在章節(jié)的相關(guān)說明。
3．學(xué)習(xí)本書中的示例，要用到 IE、Firefox、Chrome 等瀏覽器，建議安裝上述類型的最新版本瀏覽器。
4．如需針對(duì)不同版本的IE 測(cè)試示例，可以下載 IETester 工具，因?yàn)樗赏瑫r(shí)支持 IE6、IE7和 IE8。對(duì)于非Windows 用戶，可以考慮使用VirtualBox 或者 VMware等虛擬機(jī)，或者使用 CrossBrowserTesting 和 MogoTest 等服務(wù)。
5．為了提供更多的學(xué)習(xí)資源，彌補(bǔ)篇幅有限的缺憾，本書提供了許多參考鏈接，部分本書無法詳細(xì)介紹的問題都可以通過這些鏈接找到答案。但由于這些鏈接地址具有時(shí)效性，因此僅供參考，難以保證所有鏈接地址都永久有效。這種情況遇到問題可通過本書的學(xué)習(xí) QQ群進(jìn)行咨詢。
6．本書所列出的插圖可能會(huì)與讀者實(shí)際環(huán)境中的操作界面有所差別，這可能是由于操作系統(tǒng)平臺(tái)、瀏覽器版本等不同而引起的，一般不影響學(xué)習(xí)，在此特別說明。
本書適用對(duì)象
本書適用于以下人群：網(wǎng)頁設(shè)計(jì)、網(wǎng)頁制作、網(wǎng)站建設(shè)入門者及愛好者；系統(tǒng)學(xué)習(xí)網(wǎng)頁設(shè)計(jì)、網(wǎng)頁制作、網(wǎng)站建設(shè)的開發(fā)人員。相關(guān)專業(yè)的高校學(xué)生及畢業(yè)生、相關(guān)專業(yè)培訓(xùn)的學(xué)員。
關(guān)于作者
未來科技是由一群熱愛 Web 開發(fā)的青年骨干教師組成的一個(gè)松散組織，主要從事 Web 開發(fā)、教學(xué)培訓(xùn)、教材開發(fā)等業(yè)務(wù)。該群體編寫的同類圖書在很多網(wǎng)店上的銷量名列前茅，讓數(shù)十萬的讀者輕松跨進(jìn)了Web 開發(fā)的大門，為Web 開發(fā)的普及和應(yīng)用做出了積極貢獻(xiàn)。
參與本書編寫的人員有：鄒仲、謝黨華、劉望、彭方強(qiáng)、雷海蘭、郭靖、馬林、劉金、吳云、趙德志、張衛(wèi)其、李德光、劉坤、楊艷、顧克明、班琦、蔡霞英、曾德劍、曾錦華、曾蘭香、曾世宏、曾旺新、曾偉、常星、陳娣、陳鳳娟、陳鳳儀、陳福妹、陳國(guó)鋒、陳海蘭、陳華娟、陳金清、陳馬路、陳石明、陳世超、陳世敏、陳文廣等。
編 者
第1章HTML5基礎(chǔ)
1.1HTML發(fā)展歷史
1.2HTML文檔結(jié)構(gòu)和基本語法
1.2.1HTML4文檔基本結(jié)構(gòu)
1.2.2HTML4基本語法
1.2.3XHTML文檔基本結(jié)構(gòu)
1.2.4XHTML基本語法
1.2.5HTML5文檔基本結(jié)構(gòu)
1.2.6HTML5基本語法
1.3HTML4元素
1.3.1結(jié)構(gòu)元素
1.3.2內(nèi)容元素
1.3.3修飾元素
1.4HTML4屬性
1.4.1核心屬性
1.4.2語言屬性
1.4.3鍵盤屬性
1.4.4內(nèi)容屬性
1.4.5其他屬性
1.5HTML5元素
1.5.1結(jié)構(gòu)元素
1.5.2功能元素
1.5.3表單元素
1.6HTML5屬性
1.6.1表單屬性
1.6.2鏈接屬性
1.6.3其他屬性
1.7HTML5全局屬性
1.7.1contentEditable屬性
1.7.2contextmenu屬性
1.7.3data-*屬性
1.7.4draggable屬性
1.7.5dropzone屬性
1.7.6hidden屬性
1.7.7spellcheck屬性
1.7.8translate屬性
第2章CSS3基礎(chǔ)
2.1CSS3概述
2.1.1CSS的發(fā)展歷史
2.1.2CSS3新功能
2.1.3瀏覽器支持
2.2CSS基本用法
2.2.1CSS樣式
2.2.2CSS應(yīng)用
2.2.3CSS樣式表
2.2.4導(dǎo)入外部樣式表
2.2.5CSS注釋
2.3CSS特性
2.3.1CSS層疊性
2.3.2CSS繼承性
2.4案例實(shí)戰(zhàn)
第3章使用CSS3選擇器
3.1CSS3選擇器分類
3.2基本選擇器
3.2.1標(biāo)簽選擇器.
3.2.2類選擇器
3.2.3ID選擇器
3.2.4通配選擇器
3.3組合選擇器
3.3.1包含選擇器
3.3.2子選擇器
3.3.3相鄰選擇器
3.3.4兄弟選擇器
3.3.5分組選擇器
3.4屬性選擇器
3.5偽類選擇器
3.5.1動(dòng)態(tài)偽類
3.5.2結(jié)構(gòu)偽類
3.5.3否定偽類
3.5.4狀態(tài)偽類
3.5.5目標(biāo)偽類
3.6案例實(shí)戰(zhàn)
3.6.1設(shè)計(jì)菜單樣式
3.6.2設(shè)計(jì)表單樣式
3.6.3設(shè)計(jì)超鏈接樣式
3.6.4設(shè)計(jì)表格樣式
4章設(shè)計(jì)網(wǎng)頁文本
4.1使用文本標(biāo)簽
4.1.1標(biāo)題文本
4.1.2段落文本
4.1.3引用文本
4.1.4強(qiáng)調(diào)文本
4.1.5格式文本
4.1.6輸出文本
4.1.7縮寫文本
4.1.8插入和刪除文本
4.1.9文本方向
4.2HTML5新增文本標(biāo)簽
4.2.1標(biāo)記文本
4.2.2進(jìn)度信息
4.2.3刻度信息
4.2.4時(shí)間信息
4.2.5聯(lián)系文本
4.2.6隔離文本
4.2.7換行斷點(diǎn)
4.2.8文本注釋
4.3案例實(shí)戰(zhàn)
4.3.1設(shè)計(jì)自我介紹頁
4.3.2解決網(wǎng)頁亂碼
4.3.3把HTML轉(zhuǎn)換為XHTML
4.3.4輸出唐詩
5章使用CSS美化網(wǎng)頁文本
5.1字體樣式
5.1.1定義字體類型
5.1.2定義字體大小
5.1.3定義字體顏色
5.1.4定義字體粗細(xì)
5.1.5定義斜體字體
5.1.6定義下劃線
5.1.7定義字體大小寫
5.2文本樣式
5.2.1定義文本對(duì)齊
5.2.2定義垂直對(duì)齊
5.2.3定義字距和詞距
5.2.4定義行高
5.2.5定義縮進(jìn)
5.3CSS3新增文本樣式
5.3.1定義文本陰影
5.3.2設(shè)計(jì)陰影特效
5.3.3定義溢出文本
5.3.4文本換行
5.3.5添加動(dòng)態(tài)內(nèi)容
5.3.6恢復(fù)默認(rèn)樣式
5.3.7自定義字體類型
5.4案例實(shí)戰(zhàn)
5.4.1配置網(wǎng)頁字體大小
5.4.2網(wǎng)頁配色
5.4.3網(wǎng)頁居中顯示
5.4.4垂直對(duì)齊
5.4.5文字隱藏和截取
5.4.6設(shè)計(jì)中文報(bào)刊版式
5.4.7設(shè)計(jì)特效首頁
5.4.8使用RGBA
5.4.9使用HSL
第6章使用并美化圖像
6.1在網(wǎng)頁中插入圖像
6.2設(shè)置圖像樣式
6.2.1定義圖像大小
6.2.2定義圖像邊框
6.2.3定義圖像不透明度
6.2.4定義圓角圖像
6.2.5定義陰影圖像
6.2.6圖文混排
6.3設(shè)置背景圖像
6.3.1定義背景圖像
6.3.2定義顯示方式
6.3.3定義顯示位置
6.3.4定義固定背景
6.3.5定義坐標(biāo)
6.3.6定義裁剪區(qū)域
6.3.7定義大小
6.3.8定義循環(huán)方式
6.3.9定義多背景圖
6.4定義漸變背景
6.4.1設(shè)計(jì)Webkit漸變
6.4.2設(shè)計(jì)Gecko漸變
6.4.3設(shè)計(jì)W3C漸變
6.5案例實(shí)戰(zhàn)
6.5.1設(shè)計(jì)圖文新聞內(nèi)容頁
6.5.2設(shè)計(jì)精致按鈕
6.5.3設(shè)計(jì)花邊框
6.5.4設(shè)計(jì)陰影白邊效果
6.5.5設(shè)計(jì)網(wǎng)頁紋理背景
6.5.6設(shè)計(jì)發(fā)光的球體
6.5.7設(shè)計(jì)圖標(biāo)按鈕
7章使用并美化超鏈接
7.1定義超鏈接
7.1.1URL格式
7.1.2超鏈接分類
7.1.3使用標(biāo)簽
7.1.4定義錨點(diǎn)鏈接
7.1.5定義不同目標(biāo)的鏈接
7.1.6定義下載鏈接
7.1.7定義熱點(diǎn)區(qū)域
7.1.8定義框架鏈接
7.2設(shè)置超鏈接樣式
7.2.1偽類
7.2.2定義超鏈接樣式
7.3案例實(shí)戰(zhàn)
7.3.1定義下劃線樣式
7.3.2定義立體樣式
7.3.3定義動(dòng)態(tài)樣式
7.3.4定義圖像交換樣式
7.3.5定義鼠標(biāo)樣式
7.3.6設(shè)計(jì)圖形化按鈕樣式
7.3.7設(shè)計(jì)滑動(dòng)門樣式
第8章使用并美化列表
8.1列表的基本結(jié)構(gòu)
8.2創(chuàng)建列表
8.2.1無序列表
8.2.2有序列表
8.2.3定義列表
8.2.4菜單列表
8.2.5彈出菜單
8.2.6案例：設(shè)計(jì)圖片旋轉(zhuǎn)功能
8.2.7案例：設(shè)計(jì)分享功能
8.2.8案例：添加任務(wù)列表
8.3設(shè)計(jì)CSS樣式
8.3.1設(shè)計(jì)項(xiàng)目符號(hào)類型
8.3.2自定義項(xiàng)目符號(hào)
8.3.3使用背景圖設(shè)計(jì)項(xiàng)目符號(hào)
8.4案例實(shí)戰(zhàn)
8.4.1使用背景圖裝飾菜單
8.4.2設(shè)計(jì)垂直導(dǎo)航條
8.4.3設(shè)計(jì)水平導(dǎo)航條
8.4.4設(shè)計(jì)多級(jí)菜單
8.4.5設(shè)計(jì)滑動(dòng)門菜單
8.4.6設(shè)計(jì)排行榜
8.4.7設(shè)計(jì)圖文列表欄目
第9章使用并美化表格
9.1表格的基本結(jié)構(gòu)
9.1.1早期表格的結(jié)構(gòu)
9.1.2標(biāo)準(zhǔn)化的表格結(jié)構(gòu)
9.2創(chuàng)建表格
9.2.1簡(jiǎn)單的表格
9.2.2包含表頭的表格
9.2.3包含標(biāo)題的表格
9.2.4結(jié)構(gòu)化的表格
9.2.5列分組的表格
9.3設(shè)置表格屬性
9.3.1設(shè)計(jì)單線表格
9.3.2設(shè)計(jì)井字表格
9.3.3設(shè)計(jì)細(xì)線表格
9.3.4設(shè)置表格說明
9.4設(shè)置單元格屬性
9.4.1單元格跨列或跨行顯示
9.4.2定義表頭單元格
9.4.3為單元格指定表頭
9.4.4定義單元格信息縮寫
9.4.5對(duì)單元格進(jìn)行分類
9.5設(shè)計(jì)CSS樣式
9.5.1設(shè)計(jì)細(xì)線表格
9.5.2定義單元格間距和空隙
9.5.3隱藏空單元格
9.5.4定義標(biāo)題樣式
9.6案例實(shí)戰(zhàn)
9.6.1隔行換色
9.6.2設(shè)計(jì)動(dòng)態(tài)交互特效
9.6.3設(shè)計(jì)清淡視覺表格
9.6.4設(shè)計(jì)結(jié)構(gòu)化表格
9.6.5設(shè)計(jì)日歷表
第10章使用并美化表單
10.1表單的基本結(jié)構(gòu)
10.2創(chuàng)建表單控件
10.2.1輸入型控件
10.2.2選擇型控件
10.2.3輔助控件
10.3HTML5增強(qiáng)輸入類型
10.3.1email類型
10.3.2url類型
10.3.3number類型
10.3.4range類型
10.3.5日期選擇器類型
10.3.6search類型
10.3.7tel類型
10.3.8color類型
10.4HTML5增強(qiáng)輸入屬性
10.4.1autocomplete屬性
10.4.2autofocus屬性
10.4.3form屬性
10.4.4表單重寫屬性
10.4.5height和width屬性
10.4.6list屬性
10.4.7min、max和step屬性
10.4.8multiple屬性
10.4.9pattern屬性
10.4.10placeholder屬性
10.4.11required屬性
10.5HTML5新增控件
10.5.1datalist元素
10.5.2keygen元素
10.5.3output元素
10.6HTML5表單屬性
10.6.1autocomplete屬性
10.6.2novalidate屬性
10.6.3顯式驗(yàn)證
10.7案例實(shí)戰(zhàn)
10.7.1設(shè)計(jì)反饋表
10.7.2設(shè)計(jì)用戶登錄頁
10.7.3設(shè)計(jì)用戶注冊(cè)頁
10.7.4設(shè)計(jì)搜索頁
第11章CSS3布局基礎(chǔ)
11.1CSS盒模型基礎(chǔ)
11.1.1盒模型結(jié)構(gòu)
11.1.2定義大小
11.1.3定義邊框
11.1.4定義邊界
11.1.5定義補(bǔ)白
11.2CSS3完善盒模型
11.2.1定義顯示方式
11.2.2定義可控大小
11.2.3溢出處理
11.2.4定義輪廓
11.2.5定義輪廓樣式
11.2.6定義多色邊框
11.2.7定義邊框背景
11.3案例實(shí)戰(zhàn)
11.3.1設(shè)計(jì)行內(nèi)元素邊框
11.3.2邊界的應(yīng)用
11.3.3邊界重疊現(xiàn)象
11.3.4行內(nèi)元素邊界
11.3.5設(shè)計(jì)網(wǎng)頁居中顯示
11.3.6設(shè)計(jì)多欄高度自適應(yīng)頁面
11.3.7設(shè)計(jì)負(fù)margin頁面
第12章CSS3 HTML5網(wǎng)頁排版
12.1使用結(jié)構(gòu)標(biāo)簽
12.1.1使用div和span
12.1.2使用id和class
12.1.3認(rèn)識(shí)顯示類型
12.1.4正確嵌套標(biāo)簽
12.2設(shè)計(jì)HTML5結(jié)構(gòu)
12.2.1定義文章塊
12.2.2定義內(nèi)容塊
12.2.3定義導(dǎo)航塊
12.2.4定義側(cè)邊欄
12.2.5定義主要區(qū)域
12.2.6定義標(biāo)題欄
12.2.7定義標(biāo)題組
12.2.8定義腳注欄
12.3浮動(dòng)顯示
12.3.1定義浮動(dòng)顯示
12.3.2清除浮動(dòng)
12.3.3浮動(dòng)嵌套
12.3.4混合浮動(dòng)布局
12.4定位顯示
12.4.1定義定位顯示
12.4.2定位框
12.4.3相對(duì)定位
12.4.4定位層疊
12.4.5混合定位布局
第13章使用CSS3新布局
13.1多列流動(dòng)布局
13.1.1設(shè)置列寬
13.1.2設(shè)置列數(shù)
13.1.3設(shè)置列間距
13.1.4設(shè)置列邊框樣式
13.1.5設(shè)置跨列顯示
13.1.6設(shè)置列高度
13.2彈性盒布局
13.2.1定義Flexbox
13.2.2定義伸縮方向
13.2.3定義行數(shù)
13.2.4定義對(duì)齊方式
13.2.5定義伸縮項(xiàng)目
13.3案例實(shí)戰(zhàn)
13.3.1比較3種布局方式
13.3.2設(shè)計(jì)可伸縮網(wǎng)頁模板
13.3.3設(shè)計(jì)多列網(wǎng)頁
13.3.4設(shè)計(jì)HTML5應(yīng)用網(wǎng)頁模板
第14章使用CSS3動(dòng)畫
14.1設(shè)計(jì)2D變換
14.1.1定義旋轉(zhuǎn)
14.1.2定義縮放
14.1.3定義移動(dòng)
14.1.4定義傾斜
14.1.5定義矩陣
14.1.6定義變換原點(diǎn)
14.2設(shè)計(jì)3D變換
14.2.1定義位移
14.2.2定義縮放
14.2.3定義旋轉(zhuǎn)
14.3設(shè)計(jì)過渡動(dòng)畫
14.3.1設(shè)置過渡屬性
14.3.2設(shè)置過渡時(shí)間
14.3.3設(shè)置延遲時(shí)間
14.3.4設(shè)置過渡動(dòng)畫類型
14.3.5設(shè)置觸發(fā)方式
14.4設(shè)計(jì)幀動(dòng)畫
14.4.1設(shè)置關(guān)鍵幀
14.4.2設(shè)置動(dòng)畫屬性
14.5案例實(shí)戰(zhàn)
14.5.1設(shè)計(jì)掛圖
14.5.2設(shè)計(jì)高亮顯示
14.5.3設(shè)計(jì)3D幾何體
14.5.4設(shè)計(jì)旋轉(zhuǎn)的盒子
14.5.5設(shè)計(jì)翻轉(zhuǎn)廣告
14.5.6設(shè)計(jì)跑步動(dòng)畫
第15章JavaScript基礎(chǔ)
15.1JavaScript入門
15.1.1在網(wǎng)頁中插入JavaScript代碼
15.1.2使用JavaScript文件
15.1.3JavaScript語法基礎(chǔ)
15.1.4認(rèn)識(shí)JavaScript語法特性
15.2常量和變量
15.3表達(dá)式和運(yùn)算符
15.4語句
15.4.1表達(dá)式語句和語句塊
15.4.2條件語句
15.4.3循環(huán)語句
15.4.4跳轉(zhuǎn)語句
15.4.5異常處理語句
15.4.6var語句和function語句
15.4.7with語句和空語句
15.5數(shù)據(jù)類型
15.5.1數(shù)值
15.5.2字符串
15.5.3布爾型
15.5.4null和undefined
15.5.5引用型數(shù)據(jù)
15.6函數(shù)
15.6.1定義函數(shù)
15.6.2調(diào)用函數(shù)
15.6.3函數(shù)參數(shù)
15.6.4函數(shù)應(yīng)用
15.6.5閉包函數(shù)
15.7對(duì)象
15.7.1創(chuàng)建對(duì)象
15.7.2訪問對(duì)象
15.8數(shù)組
15.8.1定義數(shù)組
15.8.2存取元素
15.8.3數(shù)組應(yīng)用
15.9案例實(shí)戰(zhàn)
15.9.1檢測(cè)數(shù)據(jù)類型
15.9.2數(shù)值計(jì)算與類型轉(zhuǎn)換
15.9.3字符串替換
15.9.4增強(qiáng)數(shù)組排序
第16章操作BOM
16.1使用window對(duì)象
16.1.1訪問瀏覽器窗口
16.1.2全局作用
16.1.3使用系統(tǒng)測(cè)試方法
16.1.4打開和關(guān)閉窗口
16.1.5使用框架集
16.1.6控制窗口位置
16.1.7控制窗口大小
16.1.8使用定時(shí)器
16.2使用navigator對(duì)象
16.2.1瀏覽器檢測(cè)方法
16.2.2檢測(cè)瀏覽器類型和版本號(hào)
16.2.3檢測(cè)客戶操作系統(tǒng)
16.2.4檢測(cè)插件
16.3使用location對(duì)象
16.4使用history對(duì)象
16.5使用screen對(duì)象
16.6使用document對(duì)象
16.6.1訪問文檔對(duì)象
16.6.2動(dòng)態(tài)生成文檔內(nèi)容
16.7案例實(shí)戰(zhàn)
16.7.1使用遠(yuǎn)程腳本
16.7.2設(shè)計(jì)遠(yuǎn)程交互
16.7.3使用浮動(dòng)框架
第17章操作DOM
17.1DOM基礎(chǔ)
17.2使用節(jié)點(diǎn)
17.2.1節(jié)點(diǎn)類型
17.2.2節(jié)點(diǎn)名稱和值
17.2.3節(jié)點(diǎn)關(guān)系
17.2.4訪問節(jié)點(diǎn)
17.2.5操作節(jié)點(diǎn)
17.3使用文檔節(jié)點(diǎn)
17.3.1訪問文檔子節(jié)點(diǎn)
17.3.2訪問文檔信息
17.3.3訪問文檔元素
17.3.4訪問文檔集合
17.3.5使用HTML5Document
17.4使用元素節(jié)點(diǎn)
17.4.1訪問元素
17.4.2遍歷元素
17.4.3創(chuàng)建元素
17.4.4復(fù)制節(jié)點(diǎn)
17.4.5插入節(jié)點(diǎn)
17.4.6刪除節(jié)點(diǎn)
17.4.7替換節(jié)點(diǎn)
17.4.8獲取焦點(diǎn)元素
17.4.9檢測(cè)包含節(jié)點(diǎn)
17.5使用文本節(jié)點(diǎn)
17.5.1訪問文本節(jié)點(diǎn)
17.5.2創(chuàng)建文本節(jié)點(diǎn)
17.5.3操作文本節(jié)點(diǎn)
17.5.4讀取HTML字符串
17.5.5插入HTML字符串
17.5.6替換HTML字符串
17.5.7插入文本
17.6使用文檔片段節(jié)點(diǎn)
17.7使用屬性節(jié)點(diǎn)
17.7.1訪問屬性節(jié)點(diǎn)
17.7.2讀取屬性值
17.7.3設(shè)置屬性值
17.7.4刪除屬性
17.7.5使用類選擇器
17.7.6自定義屬性
17.8案例實(shí)戰(zhàn)
17.8.1設(shè)計(jì)動(dòng)態(tài)腳本
17.8.2使用script加載遠(yuǎn)程數(shù)據(jù)
17.8.3使用script實(shí)現(xiàn)異步交互
17.8.4使用JSONP
17.8.5使用CSS選擇器
第18章事件處理
18.1事件基礎(chǔ)
18.1.1事件模型
18.1.2事件流
18.1.3綁定事件
18.1.4事件處理函數(shù)
18.1.5注冊(cè)事件
18.1.6銷毀事件
18.1.7使用event對(duì)象
18.1.8事件委托
18.2使用鼠標(biāo)事件
18.2.1鼠標(biāo)點(diǎn)擊
18.2.2鼠標(biāo)移動(dòng)
18.2.3鼠標(biāo)經(jīng)過
18.2.4鼠標(biāo)來源
18.2.5鼠標(biāo)定位
18.2.6鼠標(biāo)按鍵
18.3使用鍵盤事件
18.3.1鍵盤事件屬性
18.3.2鍵盤響應(yīng)順序
18.4使用頁面事件
18.4.1頁面初始化
18.4.2結(jié)構(gòu)初始化
18.4.3頁面卸載
18.4.4窗口重置
18.4.5頁面滾動(dòng)
18.4.6錯(cuò)誤處理
18.5使用UI事件
18.5.1焦點(diǎn)處理
18.5.2選擇文本
18.5.3字段值變化監(jiān)測(cè)
18.5.4提交表單
18.5.5重置表單
18.5.6剪貼板數(shù)據(jù)
18.6案例實(shí)戰(zhàn)
18.6.1設(shè)計(jì)彈出對(duì)話框
18.6.2設(shè)計(jì)遮罩層
18.6.3自定義事件
18.6.4設(shè)計(jì)事件觸發(fā)模型
18.6.5應(yīng)用事件模型
第19章使用Ajax
19.1Ajax基礎(chǔ)
19.1.1HTTP頭部信息
19.1.2定義XMLHttpRequest對(duì)象
19.1.3建立XMLHttpRequest連接
19.1.4發(fā)送GET請(qǐng)求
19.1.5發(fā)送POST請(qǐng)求
19.1.6轉(zhuǎn)換串行化字符串
19.1.7跟蹤狀態(tài)
19.1.8中止請(qǐng)求
19.1.9獲取XML數(shù)據(jù)
19.1.10獲取HTML文本
19.1.11獲取JavaScript腳本
19.1.12獲取JSON數(shù)據(jù)
19.1.13獲取純文本
19.1.14獲取頭部信息
19.2案例實(shí)戰(zhàn)
19.2.1動(dòng)態(tài)查詢記錄集
19.2.2記錄集分頁顯示
19.2.3設(shè)計(jì)Tab面板
19.2.4使用燈標(biāo)
書單推薦
