網頁設計典型應用技巧

第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　禁止表格背景圖重復顯示　16
1.4.2　使用表格進行網頁排版　16
1.4.3　“高級”功能的實現　17
1.4.4　表格按鈕　19
1.4.5　如何制作與頁面等高的極細線　21
1.4.6　在表格中控制換行　22
1.4.7　控制立體表格顏色　24
1.4.8　表格變形的解決　26
1.4.9　圓角表格　27
1.4.10 表格實例　31
1.5　小結　33
第2章　Layer（層）　35
2.1　層定位相關技巧　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　小結　55
第3章　CSS（樣式表）　57
3.1　CSS文字特效　58
3.1.1　CSS春聯特效　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中濾鏡應用技巧　68
3.3.1　表格陰影特效　68
3.3.2　靜態(tài)漸變特效　69
3.3.3　動態(tài)漸變特效　77
3.4　CSS改變鼠標光標　81
3.4.1　更改當前鼠標光標狀態(tài)　81
3.4.2　自定義鼠標光標樣式　82
3.5　CSS其他　83
3.5.1　背景圖永遠居中　83
3.5.2　繪制立體層　84
3.5.3　CSS中字體設定　86
3.5.4　中英文混排　87
3.5.5　CSS全局應用技巧　89
3.6　小結　91
第4章　Window（窗口）　93
4.1　窗口移動特效　94
4.1.1　變化的轉動窗口　94
4.1.2　移動的廣告窗口　95
4.1.3　從天而降的窗口　96
4.1.4　縮放移動特效　97
4.1.5　永遠居中的窗口　98
4.1.6　上下左右移動　98
4.2　彈出窗口　99
4.2.1　設置后的彈出窗口　100
4.2.2　函數控制彈出窗口　101
4.2.3　同時彈出兩個窗口　102
4.2.4　打開鏈接同時彈出小窗口　103
4.2.5　定時關閉彈出窗口　104
4.2.6　定時關閉移動的窗口　105
4.2.7　只彈出一次的窗口　106
4.3　關閉窗口　107
4.3.1　無提示關閉窗口　107
4.3.2　從一個窗口關閉另一個窗口　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　窗口標題欄與狀態(tài)欄特效　120
4.5.8　Tip of the day　121
4.6　小結　123
第5章　Form（表單）　125
5.1　表單外觀特效　126
5.1.1　表單元素字體樣式　126
5.1.2　字體樣式綜合應用　128
5.1.3　背景顏色和圖像樣式的應用　129
5.1.4　邊框樣式的應用　130
5.1.5　邊框的特殊設計展示　131
5.1.6　定義下拉框外框　132
5.1.7　復選框特效　137
5.1.8　表單中應用圖像　139
5.2　表單提交技巧　141
5.2.1　表單數據精確檢驗　141
5.2.2　表單的分支提交　151
5.2.3　用任何元素提交表單　152
5.2.4　禁止使用回車提交表單　153
5.2.5　提交后按鈕失效　154
5.2.6　限時提交技巧　154
5.3　復選框技巧　156
5.3.1　全選功能的實現　156
5.3.2　限制復選框的最大可選數　158
5.3.3　拖曳式選取　160
5.4　其他表單技巧　163
5.4.1　下拉跳轉菜單　163
5.4.2　表單內容的聚焦　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　小結　175
第6章　Frame（框架）Scrollbar（滾動條）　177
6.1　Frame（框架）　178
6.1.1　自定義框架分隔線顏色　178
6.1.2　另類居中技巧　179
6.1.3　一次單擊更改兩個框架的內容　181
6.1.4　自定義內嵌式框架滾動　182
6.1.5　讓內嵌式框架透明　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　小結　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　制作細線　218
7.1.10　文本內容精確顯示　219
7.1.11　網頁設計布局分析　222
7.2　配色技巧與方案　225
7.2.1　色彩意象　225
7.2.2　Web設計中的色彩模式　231
7.2.3　色彩調和技巧　232
7.2.4　網頁配色方案　233
7.2.5　色彩使用技巧8原則　235
7.3　小結　236
第8章　多媒體與綜合技巧　237
8.1　多媒體　238
8.1.1　背景音樂的運用　238
8.1.2　新窗口播放媒體　242
8.1.3　使用IMG標簽播放視頻媒體　243
8.1.4　使用媒體播放器控件　244
8.2　用XBM創(chuàng)建動態(tài)客戶端圖像　247
8.2.1　XBM基礎　248
8.2.2　XBM格式剖析　248
8.2.3　用JavaScript編寫XBM圖像　250
8.2.4　XBM應用實例　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　關不掉的對話框　263
8.4.3　反復循環(huán)的對話框　264
8.4.4　凍結頁面　265
8.4.5　修改注冊表　265
8.5　綜合技巧　268
8.5.1　HEAD元素詳解　268
8.5.2　在地址欄地址前顯示小圖標　271
8.5.3　空鏈接　272
8.5.4　模擬IE功能　272
8.5.5　文字滾動　274
8.5.6　代碼加解密　277
8.5.7　代碼調試　279
8.5.8　禁止網頁另存　281
8.5.9　禁止復制文本　282
8.5.10　動態(tài)改變任意容器大小　283
8.5.11　去掉鏈接虛線框　285
8.5.12　離開提示　287
8.5.13　設為首頁和收藏本站　288
8.5.14　精彩網頁實例　288
8.5.15　顛倒乾坤　291
8.6　小結　293
附錄1 字符實體表　295
附錄2 樣式表單位（CSS Units）　303
附錄3 JavaScript快速參考　307