網(wǎng)頁設(shè)計典型應(yīng)用技巧

第1章　Table（表格）　1
1.1　表格邊框技巧　2
1.1.1　表格邊框的隱藏　2
1.1.2　不斷閃爍的表格邊框　3
1.1.3　表格邊框形式變化　4
1.1.4　不斷變化的表格邊框　5
1.2　單元格技巧　7
1.2.1　表格中單元格之間分隔線的隱藏方法　7
1.2.2　可拖曳的單元格　8
1.3　動態(tài)與交互特效　9
1.3.1　表格動態(tài)背景色　10
1.3.2　另類改變表格背景色　12
1.3.3　動態(tài)插入文本　13
1.3.4　動態(tài)添加表格　14
1.3.5　動態(tài)添加單元格　15
1.4　其他表格特效　16
1.4.1　禁止表格背景圖重復(fù)顯示　16
1.4.2　使用表格進行網(wǎng)頁排版　16
1.4.3　“高級”功能的實現(xiàn)　17
1.4.4　表格按鈕　19
1.4.5　如何制作與頁面等高的極細(xì)線　21
1.4.6　在表格中控制換行　22
1.4.7　控制立體表格顏色　24
1.4.8　表格變形的解決　26
1.4.9　圓角表格　27
1.4.10 表格實例　31
1.5　小結(jié)　33
第2章　Layer（層）　35
2.1　層定位相關(guān)技巧　36
2.1.1　層的定位　36
2.1.2　相對于絕對定位　37
2.1.3　動態(tài)定位層　39
2.1.4　固定在某處的層　42
2.2　層中插入圖片　42
2.3　Div和Span的異同　43
2.4　層拖曳行為　45
2.5　讓層位于Flash對象之上　51
2.6　讓層位于表單元素之上　51
2.7　任意縮放. 拖曳的層　53
2.8　使用層的8條忠告　54
2.9　小結(jié)　55
第3章　CSS（樣式表）　57
3.1　CSS文字特效　58
3.1.1　CSS春聯(lián)特效　58
3.1.2　CSS旗幟特效　60
3.1.3　陰影 Shadow 文字特效　61
3.2　鏈接樣式效果　63
3.2.1　多彩鏈接　63
3.2.2　鏈接特效實例　64
3.3　CSS中濾鏡應(yīng)用技巧　68
3.3.1　表格陰影特效　68
3.3.2　靜態(tài)漸變特效　69
3.3.3　動態(tài)漸變特效　77
3.4　CSS改變鼠標(biāo)光標(biāo)　81
3.4.1　更改當(dāng)前鼠標(biāo)光標(biāo)狀態(tài)　81
3.4.2　自定義鼠標(biāo)光標(biāo)樣式　82
3.5　CSS其他　83
3.5.1　背景圖永遠(yuǎn)居中　83
3.5.2　繪制立體層　84
3.5.3　CSS中字體設(shè)定　86
3.5.4　中英文混排　87
3.5.5　CSS全局應(yīng)用技巧　89
3.6　小結(jié)　91
第4章　Window（窗口）　93
4.1　窗口移動特效　94
4.1.1　變化的轉(zhuǎn)動窗口　94
4.1.2　移動的廣告窗口　95
4.1.3　從天而降的窗口　96
4.1.4　縮放移動特效　97
4.1.5　永遠(yuǎn)居中的窗口　98
4.1.6　上下左右移動　98
4.2　彈出窗口　99
4.2.1　設(shè)置后的彈出窗口　100
4.2.2　函數(shù)控制彈出窗口　101
4.2.3　同時彈出兩個窗口　102
4.2.4　打開鏈接同時彈出小窗口　103
4.2.5　定時關(guān)閉彈出窗口　104
4.2.6　定時關(guān)閉移動的窗口　105
4.2.7　只彈出一次的窗口　106
4.3　關(guān)閉窗口　107
4.3.1　無提示關(guān)閉窗口　107
4.3.2　從一個窗口關(guān)閉另一個窗口　108
4.4　拖曳與縮放　109
4.4.1　使用鏈接拖曳　110
4.4.2　全頁面拖曳　111
4.5　其他窗口特效　113
4.5.1　彈出C盤窗口　113
4.5.2　窗口的邊框　114
4.5.3　窗口分塊顯示　114
4.5.4　最大化與最小化　116
4.5.5　全屏顯示　117
4.5.6　最大化顯示　118
4.5.7　窗口標(biāo)題欄與狀態(tài)欄特效　120
4.5.8　Tip of the day　121
4.6　小結(jié)　123
第5章　Form（表單）　125
5.1　表單外觀特效　126
5.1.1　表單元素字體樣式　126
5.1.2　字體樣式綜合應(yīng)用　128
5.1.3　背景顏色和圖像樣式的應(yīng)用　129
5.1.4　邊框樣式的應(yīng)用　130
5.1.5　邊框的特殊設(shè)計展示　131
5.1.6　定義下拉框外框　132
5.1.7　復(fù)選框特效　137
5.1.8　表單中應(yīng)用圖像　139
5.2　表單提交技巧　141
5.2.1　表單數(shù)據(jù)精確檢驗　141
5.2.2　表單的分支提交　151
5.2.3　用任何元素提交表單　152
5.2.4　禁止使用回車提交表單　153
5.2.5　提交后按鈕失效　154
5.2.6　限時提交技巧　154
5.3　復(fù)選框技巧　156
5.3.1　全選功能的實現(xiàn)　156
5.3.2　限制復(fù)選框的最大可選數(shù)　158
5.3.3　拖曳式選取　160
5.4　其他表單技巧　163
5.4.1　下拉跳轉(zhuǎn)菜單　163
5.4.2　表單內(nèi)容的聚焦　165
5.4.3　去掉表格和表單間的空行　166
5.4.4　使用表單提交E-mail　167
5.4.5　用表單控制層的顯示和隱藏　168
5.4.6　改變多行文本框滾動條的顏色　169
5.4.7　文本框（Textarea）功能拓展　170
5.4.8　自定制完全圖形表單　173
5.5　小結(jié)　175
第6章　Frame（框架）Scrollbar（滾動條）　177
6.1　Frame（框架）　178
6.1.1　自定義框架分隔線顏色　178
6.1.2　另類居中技巧　179
6.1.3　一次單擊更改兩個框架的內(nèi)容　181
6.1.4　自定義內(nèi)嵌式框架滾動　182
6.1.5　讓內(nèi)嵌式框架透明　185
6.2　Scrollbar（滾動條）　186
6.2.1　使用CSS控制瀏覽器中滾動條　186
6.2.2　自動滾屏　192
6.2.3　平滑自動滾屏　193
6.2.4　雙擊滾屏　194
6.2.5　拖曳頁面　195
6.3　小結(jié)　196
第7章　版式與配色　197
7.1　版式與排版技巧　198
7.1.1　文字豎排　198
7.1.2　自動縮放的字體和圖片　204
7.1.3　交互式動態(tài)更改字號　206
7.1.4　文字繞排　207
7.1.5　文字強制對齊　210
7.1.6　列表項樣式定制　212
7.1.7　段落縮進技巧　215
7.1.8　首字下沉　216
7.1.9　制作細(xì)線　218
7.1.10　文本內(nèi)容精確顯示　219
7.1.11　網(wǎng)頁設(shè)計布局分析　222
7.2　配色技巧與方案　225
7.2.1　色彩意象　225
7.2.2　Web設(shè)計中的色彩模式　231
7.2.3　色彩調(diào)和技巧　232
7.2.4　網(wǎng)頁配色方案　233
7.2.5　色彩使用技巧8原則　235
7.3　小結(jié)　236
第8章　多媒體與綜合技巧　237
8.1　多媒體　238
8.1.1　背景音樂的運用　238
8.1.2　新窗口播放媒體　242
8.1.3　使用IMG標(biāo)簽播放視頻媒體　243
8.1.4　使用媒體播放器控件　244
8.2　用XBM創(chuàng)建動態(tài)客戶端圖像　247
8.2.1　XBM基礎(chǔ)　248
8.2.2　XBM格式剖析　248
8.2.3　用JavaScript編寫XBM圖像　250
8.2.4　XBM應(yīng)用實例　252
8.3　提示框技巧　254
8.3.1　提示信息中使用回車　254
8.3.2　帶陰影的文本提示框　256
8.3.3　快速顯示提示信息　257
8.3.4　在提示框中使用圖片　259
8.3.5　過場動畫提示框　261
8.4　惡意代碼　262
8.4.1　一行代碼讓IE重啟　262
8.4.2　關(guān)不掉的對話框　263
8.4.3　反復(fù)循環(huán)的對話框　264
8.4.4　凍結(jié)頁面　265
8.4.5　修改注冊表　265
8.5　綜合技巧　268
8.5.1　HEAD元素詳解　268
8.5.2　在地址欄地址前顯示小圖標(biāo)　271
8.5.3　空鏈接　272
8.5.4　模擬IE功能　272
8.5.5　文字滾動　274
8.5.6　代碼加解密　277
8.5.7　代碼調(diào)試　279
8.5.8　禁止網(wǎng)頁另存　281
8.5.9　禁止復(fù)制文本　282
8.5.10　動態(tài)改變?nèi)我馊萜鞔笮　?83
8.5.11　去掉鏈接虛線框　285
8.5.12　離開提示　287
8.5.13　設(shè)為首頁和收藏本站　288
8.5.14　精彩網(wǎng)頁實例　288
8.5.15　顛倒乾坤　291
8.6　小結(jié)　293
附錄1 字符實體表　295
附錄2 樣式表單位（CSS Units）　303
附錄3 JavaScript快速參考　307