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

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