基本技巧
實例1 CSS在設(shè)計文本格式中的應(yīng)用
實例2 形形色色的項目列表
實例3 生動的鏈接文字
實例4 按鈕類型的文本
實例5 改變鼠標(biāo)指針的形狀
背景技術(shù)
實例6 控制頁面的圖片背景
實例7 垂直方向重復(fù)的背景圖片
實例8 背景圖片不隨文字滾動的頁面
實例9 位于瀏覽器窗口右下角的背景圖片
實例10 帶3D效果外邊框頁面
文字特效
實例11 發(fā)光的滾動字幕
實例12 響應(yīng)鼠標(biāo)狀態(tài)呈現(xiàn)不同效果的文字
實例13 翻來轉(zhuǎn)去的移動文字
實例14 逐個輸出然后閃爍消失的文字
實例15 漫天飛舞的文字
實例16 彗星般的運動文字
時間日期
實例17 在頁面上顯示日期和時間
實例18 計算在頁面上的停留時間
實例19 根據(jù)不同時間顯示不同的文字
實例20 記錄網(wǎng)頁的最后更新日期
實例21 記錄訪問頁面的次數(shù)和上次訪問時間
鏈接技巧
實例22 幾種常用的鏈接
22.1 構(gòu)建空鏈接
22.2 構(gòu)建Top鏈接
22.3 構(gòu)建JavaScript鏈接
22.4 構(gòu)建前進(jìn)鏈接和后退鏈接
22.4.1 構(gòu)建前進(jìn)鏈接
22.4.2 構(gòu)建后退鏈接
22.5 構(gòu)建打印鏈接
22.6 構(gòu)建收藏鏈接
22.7 構(gòu)建設(shè)置默認(rèn)主頁鏈接
22.8 構(gòu)建訪問默認(rèn)主頁鏈接
22.9 構(gòu)建刷新鏈接
22.10 構(gòu)建Email鏈接
22.10.1 構(gòu)建Email鏈接的基本方法
22.10.2 指定多個收件人
22.10.3 指定密件抄送地址
22.10.4 指定郵件主題
實例23 單擊鏈接經(jīng)確認(rèn)后進(jìn)行跳轉(zhuǎn)
實例24 單擊廣告后才使鏈接生效
實例25 用圖片顯示鏈接的鼠標(biāo)移入狀態(tài)
實例26 鼠標(biāo)移入鏈接時顯示滾動提示信息
菜單導(dǎo)航
實例27 鼠標(biāo)懸停時呈現(xiàn)立體效果的導(dǎo)航鏈接
實例28 按鈕狀的導(dǎo)航鏈接
實例29 由瀏覽者控制顯示或隱藏的導(dǎo)航條
實例30 始終位于屏幕左上角的導(dǎo)航鏈接
實例31 出現(xiàn)在鼠標(biāo)單擊處的導(dǎo)航鏈接
實例32 鼠標(biāo)懸停時出現(xiàn)的導(dǎo)航菜單
實例33 樹狀展開的導(dǎo)航菜單
實例34 Windows萊單條風(fēng)格的導(dǎo)航萊單
圖像特效
實例35 拼圖游戲
實例36 定時切換顯示圖片
實例37 鼠標(biāo)可捕獲的運動圖片
實例38 多姿多彩的靜態(tài)圖片特效
實例39 鼠標(biāo)懸停時圖片上出現(xiàn)類似電視字幕的文字
實例40 淡入淡出切換的圖片
實例41 鼠標(biāo)觸發(fā)的圖片漸變效果
實例42 以獨特的漸變效果循環(huán)切換的圖片
實例43 圖片上的多種光源照射效果
實例44 圖片上跟隨鼠標(biāo)移動的光源
表單特效
實例45 面貌一新的表單對象
實例46 能夠利用快捷鍵選中的表單對象
實例47 鼠標(biāo)移入時選中文本框內(nèi)容
實例48 單擊文字選中對應(yīng)的單選按鈕或復(fù)選框
實例49 屏蔽自動完成功能的表單
實例50 保護(hù)文本域內(nèi)容
實例51 多種提交表單的方式
實例52 離開文本框即刻驗證輸入內(nèi)容
控制頁面
實例53 利用表格實現(xiàn)文檔的水平居中和垂直居中
實例54 繪制細(xì)線表格
實例55 繪制水平直線和垂直直線
實例56 在指定位置打開的新窗口
實例57 打開全屏窗口和頻道窗口
實例58 在原文檔窗口正中打開的非模式對話框窗口
實例59 在原文檔窗口正中打開的模式對話框窗口
實例60 載入或退出時呈現(xiàn)漸變特效的頁面
實例61 防止被框架集引用的頁面
實例62 一定時間后自動關(guān)閉的子窗口
實例63 構(gòu)建相對定位的分層
實例64 可拖動和關(guān)閉的浮動看板