javascript網(wǎng)頁(yè)特效范例寶典

《javascript網(wǎng)頁(yè)特效范例寶典》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫(kù)。

1、JavaScript網(wǎng)頁(yè)特效范例寶典第1章窗口/框架與導(dǎo)航條設(shè)計(jì)1.1彈出窗口控制實(shí)例001打開新窗口顯示廣告信息實(shí)例002定時(shí)打開窗口實(shí)例003通過(guò)按鈕創(chuàng)建窗口實(shí)例004自動(dòng)關(guān)閉的廣告窗口實(shí)例005控制彈出窗口居中顯示實(shí)例006彈出的窗口之cookie控制實(shí)例007為彈出的窗口加入關(guān)閉按鈕實(shí)例008關(guān)閉彈出窗口時(shí)刷新父窗口實(shí)例009關(guān)閉IE主窗口時(shí)，不彈出詢問(wèn)對(duì)話框1.2彈出網(wǎng)頁(yè)對(duì)話框?qū)嵗?10彈出網(wǎng)頁(yè)模式對(duì)話框?qū)嵗?11彈出全屏顯示的網(wǎng)頁(yè)模式對(duì)話框?qū)嵗?12網(wǎng)頁(yè)拾色器實(shí)例013日期選擇器1.3窗口的動(dòng)畫效果實(shí)例014頁(yè)面自動(dòng)滾動(dòng)

2、實(shí)例015打開窗口特殊效果實(shí)例016動(dòng)態(tài)顯示窗口實(shí)例017慢慢放大的窗口實(shí)例018下降式瀏覽器實(shí)例019旋轉(zhuǎn)的窗口實(shí)例020移動(dòng)的窗口實(shí)例021震動(dòng)的窗口實(shí)例022彈出廣告窗口1.4窗口控制實(shí)例023窗口始終在最上面實(shí)例024窗口的最小化、最大化實(shí)例025頻道方式窗口實(shí)例026全屏顯示實(shí)例027設(shè)置窗口大小和位置實(shí)例028刷新當(dāng)前頁(yè)實(shí)例029自動(dòng)最大化實(shí)例030自定義導(dǎo)航控制面板實(shí)例031根據(jù)用戶分表率自動(dòng)調(diào)整窗口1.5窗口的其他效果實(shí)例032打開窗口時(shí)顯示對(duì)話框?qū)嵗?33使窗口背景透明實(shí)例034立體窗口實(shí)例035動(dòng)態(tài)標(biāo)題欄實(shí)例03

3、6固定大小的窗口1.6框架的應(yīng)用實(shí)例037框架集的嵌套實(shí)例038在網(wǎng)頁(yè)中應(yīng)用浮動(dòng)框架實(shí)例039創(chuàng)建空白框架實(shí)例040居中顯示框架頁(yè)1.7無(wú)邊框窗口實(shí)例041全屏顯示無(wú)邊框有滾動(dòng)條的窗口實(shí)例042應(yīng)用CSS+DIV實(shí)現(xiàn)指定尺寸無(wú)邊框無(wú)滾動(dòng)條窗口實(shí)例043應(yīng)用JavaScript實(shí)現(xiàn)指定尺寸無(wú)邊框無(wú)滾動(dòng)條窗口1.8水平導(dǎo)航條應(yīng)用實(shí)例044圖片按鈕導(dǎo)航條實(shí)例045導(dǎo)航條的動(dòng)畫效果實(shí)例046不用圖片實(shí)現(xiàn)質(zhì)感導(dǎo)航條1.9下拉菜單式導(dǎo)航條實(shí)例047二級(jí)導(dǎo)航菜單實(shí)例048半透明背景的下拉菜單實(shí)例049展開式導(dǎo)航條實(shí)例050用層制作下拉菜單1實(shí)例0

4、51用層制作下拉菜單21.10側(cè)導(dǎo)航條設(shè)計(jì)實(shí)例052自動(dòng)隱藏式菜單實(shí)例053收縮式導(dǎo)航菜單實(shí)例054樹狀導(dǎo)航菜單第2章表單及表單元素2.1文本框/編輯框/隱藏域組件實(shí)例055獲取文本框/編輯框/隱藏域的值實(shí)例056自動(dòng)計(jì)算金額實(shí)例057設(shè)置文本框的只讀屬性實(shí)例058限制多行文本域輸入的字符個(gè)數(shù)實(shí)例059自動(dòng)選擇文本框/編輯框中的文字實(shí)例060按下回車鍵時(shí)自動(dòng)切換焦點(diǎn)2.2下拉列表/菜單實(shí)例061獲取下拉列表/菜單的值實(shí)例062遍歷多選擇下拉列表實(shí)例063在下拉列表中進(jìn)行多項(xiàng)移除實(shí)例064將數(shù)組中的數(shù)據(jù)添加到下拉菜單中實(shí)例065應(yīng)用下

5、拉菜單選擇所要聯(lián)機(jī)的網(wǎng)站實(shí)例066多級(jí)級(jí)聯(lián)菜單實(shí)例067可以輸入文字的下拉菜單實(shí)例068根據(jù)下拉菜單的值顯示不同控件實(shí)例069分級(jí)下拉列表2.3單選按鈕組實(shí)例070不提交表單獲取單選按鈕的值實(shí)例071選中單選按鈕后顯示其他表單元素實(shí)例072通過(guò)單選按鈕控制其他表單元素是否可用2.4復(fù)選框?qū)嵗?73不提交表單獲取復(fù)選框的值實(shí)例074控制復(fù)選框的全選或反選實(shí)例075只有一個(gè)復(fù)選框時(shí)控制復(fù)選框的全選或反選2.5密碼域?qū)嵗?76讓您的密碼域更安全實(shí)例077不提交表單自動(dòng)檢測(cè)密碼域是否相同2.6表單應(yīng)用實(shí)例078通過(guò)JavaScript控制表

6、單的提交與重置實(shí)例079帶記憶功能的表單實(shí)例080防止表單重復(fù)提交實(shí)例081自動(dòng)提交表單實(shí)例082通過(guò)for循環(huán)獲取表單元素的中文名稱實(shí)例083可以提交到不同處理頁(yè)的表單第3章實(shí)用JavaScript函數(shù)3.1數(shù)據(jù)驗(yàn)證實(shí)例084通過(guò)正則表達(dá)式驗(yàn)證日期實(shí)例085驗(yàn)證輸入的日期格式是否正確實(shí)例086檢查表單元素是否為空實(shí)例087驗(yàn)證E-mail是否正確實(shí)例088通過(guò)正則表達(dá)式驗(yàn)證電話號(hào)碼實(shí)例089驗(yàn)證輸入的字符串是否為漢字實(shí)例090驗(yàn)證身份證號(hào)碼實(shí)例091驗(yàn)證用戶名和密碼實(shí)例092驗(yàn)證車牌號(hào)碼實(shí)例093驗(yàn)證網(wǎng)站地址實(shí)例094驗(yàn)證數(shù)量和金

7、額實(shí)例095驗(yàn)證字符串是否以指定字符開頭實(shí)例096限制數(shù)組字符串的長(zhǎng)度3.2字符串處理實(shí)例097小寫金額轉(zhuǎn)換為大寫金額實(shí)例098二區(qū)字符串中的空格實(shí)例099轉(zhuǎn)換輸入文本中的回車和空格實(shí)例100將數(shù)字字符串格式化指定長(zhǎng)度實(shí)例101把一個(gè)長(zhǎng)數(shù)字分位顯示實(shí)例102將RGB格式的顏色值轉(zhuǎn)換為十六進(jìn)制格式實(shí)例103將IP地址轉(zhuǎn)換為對(duì)應(yīng)的數(shù)值實(shí)例104從指定URL中提取文件名3.3隨機(jī)函數(shù)實(shí)例105隨機(jī)產(chǎn)生指定位數(shù)的驗(yàn)證碼實(shí)例106生成隨機(jī)字符串3.4日期與時(shí)間實(shí)例107顯示長(zhǎng)日期格式的系統(tǒng)日期實(shí)例108實(shí)時(shí)顯示系統(tǒng)時(shí)間第4章日期和時(shí)間4.1日

8、期時(shí)間顯示實(shí)例109在標(biāo)題欄中顯示日期時(shí)間實(shí)例110使用toLocaleString()方法獲取本地時(shí)間實(shí)例111全中文顯示日期實(shí)例112在狀態(tài)欄中顯示日期時(shí)間實(shí)例113使用數(shù)組顯示星期實(shí)例114在表格中顯示時(shí)間實(shí)例115退出頁(yè)面時(shí)顯