第 1章 使用列表和CSS實(shí)現(xiàn)圖文橫排 1 1.1　實(shí)驗(yàn)?zāi)康摹? 1.2　實(shí)驗(yàn)環(huán)境　1 1.3　實(shí)驗(yàn)內(nèi)容　1 1.4　相關(guān)知識(shí)點(diǎn)介紹　2 1.5　實(shí)驗(yàn)分析　9 1.6　實(shí)驗(yàn)思路　9 1.7　實(shí)驗(yàn)指導(dǎo)　10 1.8　實(shí)驗(yàn)總結(jié)　11 第　2章 使用列表、超鏈接和CSS創(chuàng)建縱向及橫向菜單　12 2.1　實(shí)驗(yàn)?zāi)康摹?2 2.2　實(shí)驗(yàn)環(huán)境　12 2.3　實(shí)驗(yàn)內(nèi)容　12 2.4　相關(guān)知識(shí)點(diǎn)介紹　13 2.5　實(shí)驗(yàn)分析　16 2.6　實(shí)驗(yàn)思路　18 2.7　實(shí)驗(yàn)指導(dǎo)　18 2.8　實(shí)驗(yàn)總結(jié)　21 第3章　使用表格和CSS創(chuàng)建天氣預(yù)報(bào)　22 3.1　實(shí)驗(yàn)?zāi)康摹?2 3.2　實(shí)驗(yàn)環(huán)境　22 3.3　實(shí)驗(yàn)內(nèi)容　22 3.4　相關(guān)知識(shí)點(diǎn)介紹　23 3.5實(shí)驗(yàn)分析　26 3.6　實(shí)驗(yàn)思路　28 3.7　實(shí)驗(yàn)指導(dǎo)　28 3.8　實(shí)驗(yàn)總結(jié)　32 第4章　使用JS和CSS創(chuàng)建對(duì)聯(lián)及頁(yè)角廣告　33 4.1　實(shí)驗(yàn)?zāi)康摹?3 4.2　實(shí)驗(yàn)環(huán)境　33 4.3　實(shí)驗(yàn)內(nèi)容　33 4.4　相關(guān)知識(shí)點(diǎn)介紹　34 4.5實(shí)驗(yàn)分析　39 4.6　實(shí)驗(yàn)思路　39 4.7　實(shí)驗(yàn)指導(dǎo)　40 4.8　實(shí)驗(yàn)總結(jié)　43 第5章　使用HTML5文檔結(jié)構(gòu)元素及經(jīng)典布局版式布局網(wǎng)頁(yè)　44 5.1　實(shí)驗(yàn)?zāi)康摹?4 5.2　實(shí)驗(yàn)環(huán)境　44 5.3　實(shí)驗(yàn)內(nèi)容　44 5.4　相關(guān)知識(shí)點(diǎn)介紹　45 5.5　實(shí)驗(yàn)分析　54 5.6　實(shí)驗(yàn)思路　57 5.7　實(shí)驗(yàn)指導(dǎo)　57 5.8　實(shí)驗(yàn)總結(jié)　63 第6章　使用JS和CSS創(chuàng)建二級(jí)菜單　64 6.1　實(shí)驗(yàn)?zāi)康摹?4 6.2　實(shí)驗(yàn)環(huán)境　64 6.3　實(shí)驗(yàn)內(nèi)容　64 6.4　相關(guān)知識(shí)點(diǎn)介紹　65 6.6實(shí)驗(yàn)分析　72 6.6　實(shí)驗(yàn)思路　74 6.7　實(shí)驗(yàn)指導(dǎo)　74 6.8　附加實(shí)驗(yàn)　77 6.9　實(shí)驗(yàn)總結(jié)　77 第7章　使用JS和CSS實(shí)現(xiàn)選項(xiàng)卡切換　79 7.1　實(shí)驗(yàn)?zāi)康摹?9 7.2　實(shí)驗(yàn)環(huán)境　79 7.3　實(shí)驗(yàn)內(nèi)容　79 7.4　相關(guān)知識(shí)點(diǎn)介紹　80 7.5實(shí)驗(yàn)分析　81 7.6　實(shí)驗(yàn)思路　82 7.7　實(shí)驗(yàn)指導(dǎo)　83 7.8　實(shí)驗(yàn)總結(jié)　84 第8章　使用定時(shí)器實(shí)現(xiàn)圖片輪播　86 8.1　實(shí)驗(yàn)?zāi)康摹?6 8.2　實(shí)驗(yàn)環(huán)境　86 8.3　實(shí)驗(yàn)內(nèi)容　86 8.4　相關(guān)知識(shí)點(diǎn)介紹　87 8.5　實(shí)驗(yàn)分析　88 8.6　實(shí)驗(yàn)思路　90 8.7　實(shí)驗(yàn)指導(dǎo)　90 8.8　實(shí)驗(yàn)總結(jié)　92 第9章　使用正則表達(dá)式校驗(yàn)表單數(shù)據(jù)有效性　94 9.1　實(shí)驗(yàn)?zāi)康摹?4 9.2　實(shí)驗(yàn)環(huán)境　94 9.3實(shí)驗(yàn)內(nèi)容　94 9.4相關(guān)知識(shí)點(diǎn)介紹　95 9.5實(shí)驗(yàn)分析　102 9.6實(shí)驗(yàn)思路　103 9.7實(shí)驗(yàn)指導(dǎo)　103 9.8附加實(shí)驗(yàn)　106 9.9實(shí)驗(yàn)總結(jié)　106 第　10章 使用JS+CSS創(chuàng)建折疊菜單　107 10.1　實(shí)驗(yàn)?zāi)康摹?07 10.2　實(shí)驗(yàn)環(huán)境　107 10.3　實(shí)驗(yàn)內(nèi)容　107 10.4　相關(guān)知識(shí)點(diǎn)介紹　108 10.5　實(shí)驗(yàn)分析　108 10.6　實(shí)驗(yàn)思路　110 10.7　實(shí)驗(yàn)指導(dǎo)　111 10.8實(shí)驗(yàn)總結(jié)　113 第　11章 使用JS+CSS實(shí)現(xiàn)百度評(píng)分　114 11.1　實(shí)驗(yàn)?zāi)康摹?14 11.2　實(shí)驗(yàn)環(huán)境　114 11.3　實(shí)驗(yàn)內(nèi)容　114 11.4　相關(guān)知識(shí)點(diǎn)介紹　115 11.5　實(shí)驗(yàn)分析　116 11.6　實(shí)驗(yàn)思路　119 11.7　實(shí)驗(yàn)指導(dǎo)　119 11.8　實(shí)驗(yàn)總結(jié)　123 第　12章 使用JS+CSS實(shí)現(xiàn)商品篩選　124 12.1　實(shí)驗(yàn)?zāi)康摹?24 12.2　實(shí)驗(yàn)環(huán)境　124 12.3　實(shí)驗(yàn)內(nèi)容　124 12.4　相關(guān)知識(shí)點(diǎn)介紹　126 12.5　實(shí)驗(yàn)分析　128 12.6　實(shí)驗(yàn)思路　130 12.7　實(shí)驗(yàn)指導(dǎo)　131 12.8實(shí)驗(yàn)總結(jié)　134 第　13章 使用HTML5+CSS+JS創(chuàng)建企業(yè)網(wǎng)站　136 13.1實(shí)驗(yàn)?zāi)康摹?36 13.2　實(shí)驗(yàn)環(huán)境　136 13.3　實(shí)驗(yàn)內(nèi)容　136 13.4　相關(guān)知識(shí)點(diǎn)介紹　137 13.5　實(shí)驗(yàn)分析　139 13.6　實(shí)驗(yàn)思路　142 13.7實(shí)驗(yàn)指導(dǎo)　142 13.8　實(shí)驗(yàn)總結(jié)　146 參考代碼　147 第　1章 參考代碼　147 第　2章 參考代碼　148 第3章　參考代碼　150 第4章　參考代碼　152 第5章　參考代碼　154 第6章　參考代碼　158 第7章　參考代碼　160 第8章　參考代碼　162 第9章　參考代碼　163 第　10章 參考代碼　165 第　11章 參考代碼　167 第　12章 參考代碼　170 第　13章 參考代碼　173