JavaScript網(wǎng)頁特效經(jīng)典300例

第1篇  JavaScript基礎(chǔ)篇 
第1章  網(wǎng)頁特效
實例001  自動刷新頁面
難度指數(shù)  ★☆☆☆☆占用時間〇〇
實例002  讓頁面后退和前進(jìn)
難度指數(shù)  ★☆☆☆☆占用時間〇〇
實例003  動態(tài)關(guān)閉頁面
難度指數(shù)  ★☆☆☆☆占用時間〇〇
實例004  頁面載入等待界面
難度指數(shù)  ★★☆☆☆占用時間〇〇
實例005  若干秒后不操作自動關(guān)閉窗口
難度指數(shù)  ★☆☆☆☆占用時間〇〇
實例006  修改網(wǎng)頁標(biāo)題
難度指數(shù)  ★☆☆☆☆占用時間〇〇
實例007  禁止網(wǎng)頁放入框架
難度指數(shù)  ★☆☆☆☆占用時間〇〇
實例008  跳轉(zhuǎn)到其他頁面
難度指數(shù)  ★☆☆☆☆占用時間〇〇
實例009  進(jìn)入頁面時的問候
難度指數(shù)  ★☆☆☆☆占用時間〇〇
實例010  在網(wǎng)頁里動態(tài)加載JavaScript
難度指數(shù)  ★★★☆☆占用時間〇
實例011  設(shè)為首頁
難度指數(shù)  ★★☆☆☆占用時間〇〇
實例012  收藏本頁
難度指數(shù)  ★★☆☆☆占用時間〇〇
實例013  判斷頁面是否加載完畢
難度指數(shù)  ★★☆☆☆占用時間〇
實例014  避免瀏覽器使用緩存加載頁面
難度指數(shù)  ★☆☆☆☆占用時間〇
實例015  窗口打開時顯示大廣告圖片及其自動關(guān)閉
難度指數(shù)  ★☆☆☆☆占用時間〇
實例016  帶關(guān)閉按鈕的右下角圖片廣告
難度指數(shù)  ★★★☆☆占用時間〇〇
第2章  DOM操作
實例017  通過id獲取網(wǎng)頁中的某一部分
難度指數(shù)  ★☆☆☆☆占用時間〇〇
實例018  根據(jù)name獲取網(wǎng)頁中的全部復(fù)選框
難度指數(shù)  ★☆☆☆☆占用時間〇〇
實例019  根據(jù)標(biāo)簽名獲取網(wǎng)頁中的多個元素
難度指數(shù)  ★☆☆☆☆占用時間〇〇
實例020  遍歷打印一個元素的所有屬性
難度指數(shù)  ★☆☆☆☆占用時間〇〇
實例021  遍歷HTML文檔內(nèi)容
難度指數(shù)  ★☆☆☆☆占用時間〇〇
實例022  動態(tài)創(chuàng)建網(wǎng)頁新元素
難度指數(shù)  ★☆☆☆☆占用時間〇〇
實例023  刪除元素
難度指數(shù)  ★☆☆☆☆占用時間〇〇
實例024  主動觸發(fā)按鈕的單擊事件
難度指數(shù)  ★☆☆☆☆占用時間〇〇
實例025  替換元素內(nèi)容
難度指數(shù)  ★☆☆☆☆占用時間〇〇
實例026  修改元素的屬性值
難度指數(shù)  ★☆☆☆☆占用時間〇〇
實例027  引用同級的元素
難度指數(shù)  ★☆☆☆☆占用時間〇〇
實例028  克隆元素
難度指數(shù)  ★★☆☆☆占用時間〇〇
實例029  隱藏或顯示元素
難度指數(shù)  ★☆☆☆☆占用時間〇〇
實例030  倒排序子元素
難度指數(shù)  ★★★☆☆占用時間〇〇
實例031  刪除所有的子元素
難度指數(shù)  ★☆☆☆☆占用時間〇〇
第3章  控制表單控件
實例032  遍歷表單的所有控件
難度指數(shù)  ★☆☆☆☆占用時間〇〇
實例033  通過控件名訪問特定的控件
難度指數(shù)  ★☆☆☆☆占用時間〇〇
實例034  修改控件的值
難度指數(shù)  ★☆☆☆☆占用時間〇〇
實例035  獲取表單內(nèi)文本框的個數(shù) 
難度指數(shù)  ★☆☆☆☆占用時間〇〇
實例036  修改表單的提交方法
難度指數(shù)  ★☆☆☆☆占用時間〇〇
實例037  動態(tài)指定表單的動作屬性
難度指數(shù)  ★☆☆☆☆占用時間〇〇
實例038  動態(tài)選擇聚焦的控件
難度指數(shù)  ★☆☆☆☆占用時間〇〇
實例039  初始化表單里的所有控件的值到最初狀態(tài)
難度指數(shù)  ★☆☆☆☆占用時間〇〇
實例040  為表單加上一個框
難度指數(shù)  ★☆☆☆☆占用時間〇〇
實例041  批量為所有的表單控件加一個說明
難度指數(shù)  ★★☆☆☆占用時間〇〇
實例042  設(shè)置下拉菜單的值
難度指數(shù)  ★☆☆☆☆占用時間〇〇
實例043  使用隱藏控件為表單添加參數(shù) 
難度指數(shù)  ★☆☆☆☆占用時間〇〇
實例044  勾選全部復(fù)選框
難度指數(shù)  ★★☆☆☆占用時間〇
實例045  為表單的聚焦控件設(shè)置醒目的樣式
難度指數(shù)  ★★☆☆☆占用時間〇〇
第4章  窗口的控制和框架的互操作
實例046  計算窗口內(nèi)的框架數(shù)  量
難度指數(shù)  ★☆☆☆☆占用時間〇〇
實例047  父框架對子框架的引用
難度指數(shù)  ★☆☆☆☆占用時間〇〇
實例048  子框架的互相引用
難度指數(shù)  ★☆☆☆☆占用時間〇〇
實例049  用top操作頂部框架
難度指數(shù)  ★☆☆☆☆占用時間〇〇
實例050  確保網(wǎng)頁只能被框架載入
難度指數(shù)  ★★★☆☆占用時間〇〇
實例051  動態(tài)創(chuàng)建框架
難度指數(shù)  ★☆☆☆☆占用時間〇〇
實例052  打開一個新窗口
難度指數(shù)  ★☆☆☆☆占用時間〇〇
實例053  得到是誰打開了子窗口
難度指數(shù)  ★☆☆☆☆占用時間〇〇
實例054  通過子窗口獲取數(shù)  據(jù)輸入
難度指數(shù)  ★☆☆☆☆占用時間〇
實例055  隨意改變框架的大小組合
難度指數(shù)  ★★☆☆☆占用時間〇〇
實例056  巧用self操作當(dāng)前文檔所在的框架或窗口
難度指數(shù)  ★☆☆☆☆占用時間〇〇
實例057  iframe自適應(yīng)高度
難度指數(shù)  ★★★★☆占用時間〇
實例058  網(wǎng)頁打開5秒后彈出廣告窗口
難度指數(shù)  ★★☆☆☆占用時間〇〇
第5章  鼠標(biāo)特效
實例059  禁用鼠標(biāo)右鍵
難度指數(shù)  ★★☆☆☆占用時間〇〇
實例060  動態(tài)定義鼠標(biāo)指針形狀
難度指數(shù)  ★☆☆☆☆占用時間〇〇
實例061  鼠標(biāo)進(jìn)出時字體大小變化
難度指數(shù)  ★☆☆☆☆占用時間〇〇
實例062  雙擊鼠標(biāo)滾動到網(wǎng)頁底部
難度指數(shù)  ★☆☆☆☆占用時間〇
實例063  當(dāng)按下鼠標(biāo)左鍵時彈出廣告窗口
難度指數(shù)  ★★☆☆☆占用時間〇〇
實例064  鼠標(biāo)放上鏈接出現(xiàn)不同的顏色
難度指數(shù)  ★★☆☆☆占用時間〇〇
實例065  用鼠標(biāo)拖動圖片
難度指數(shù)  ★★☆☆☆占用時間〇〇
實例066  讓鼠標(biāo)滑輪失效
難度指數(shù)  ★★☆☆☆占用時間〇〇
第6章  按鈕特效
實例067  為按鈕加上背景顏色
難度指數(shù)  ★☆☆☆☆占用時間〇〇
實例068  自定義按鈕的click事件
難度指數(shù)  ★☆☆☆☆占用時間〇〇
實例069  不同的按鈕提交不同的表單地址
難度指數(shù)  ★★☆☆☆占用時間〇〇
實例070  在網(wǎng)頁上為用戶定義一個打印按鈕
難度指數(shù)  ★☆☆☆☆占用時間〇〇
實例071  Enter鍵自動提交表單
難度指數(shù)  ★☆☆☆☆占用時間〇〇
實例072  按鈕在單擊以后就失效
難度指數(shù)  ★★☆☆☆占用時間〇〇
實例073  刪除按鈕必需的提醒功能
難度指數(shù)  ★☆☆☆☆占用時間〇〇
實例074  圖片式的按鈕
難度指數(shù)  ★★☆☆☆占用時間〇〇
實例075  通過單擊按鈕改變狀態(tài)欄信息
難度指數(shù)  ★☆☆☆☆占用時間〇〇
實例076  不同的狀態(tài)展示不同樣式的按鈕
難度指數(shù)  ★★☆☆☆占用時間〇
實例077  注冊按鈕倒計時效果
難度指數(shù)  ★★★☆☆占用時間〇
實例078  閱讀完協(xié)議以后才可以單擊的注冊按鈕
難度指數(shù)  ★★★★☆占用時間〇
實例079  會變色的按鈕
難度指數(shù)  ★★☆☆☆占用時間〇〇
第7章  鏈接特效
實例080  帶下畫線的鏈接
難度指數(shù)  ★☆☆☆☆占用時間〇〇
實例081  改變鏈接的單擊事件
難度指數(shù)  ★☆☆☆☆占用時間〇〇
實例082  關(guān)閉窗口的那個“X”鏈接
難度指數(shù)  ★★☆☆☆占用時間〇〇
實例083  用鏈接模擬一個按鈕
難度指數(shù)  ★★☆☆☆占用時間〇〇
實例084  用鏈接替代表單提交按鈕
難度指數(shù)  ★★☆☆☆占用時間〇〇
實例085  動態(tài)修改一個鏈接的地址
難度指數(shù)  ★☆☆☆☆占用時間〇〇
實例086  讓所有鏈接都在新窗口中打開
難度指數(shù)  ★★☆☆☆占用時間〇〇
實例087  讓頁面所有的超級鏈接都失效
難度指數(shù)  ★★☆☆☆占用時間〇〇
實例088  為鏈接地址多加一個參數(shù) 
難度指數(shù)  ★★★☆☆占用時間〇〇
實例089  回到頂部的鏈接
難度指數(shù)  ★☆☆☆☆占用時間〇
實例090  需要確認(rèn)的鏈接
難度指數(shù)  ★☆☆☆☆占用時間〇〇
實例091  幾條鏈接交替顯示
難度指數(shù)  ★★☆☆☆占用時間〇〇
第8章  文本輸入框和下拉菜單特效
實例092  讓文本框只帶有下畫線
難度指數(shù)  ★☆☆☆☆占用時間〇
實例093  用正則表達(dá)式驗證E-mail格式
難度指數(shù)  ★★☆☆☆占用時間〇〇
實例094  首字母或全部字母大寫
難度指數(shù)  ★☆☆☆☆占用時間〇〇
實例095  只能輸入數(shù)  字的文本框
難度指數(shù)  ★★☆☆☆占用時間〇〇
實例096  判斷漢字的個數(shù) 
難度指數(shù)  ★★☆☆☆占用時間
……