-
預(yù)覽仿網(wǎng)易點(diǎn)擊彈出提示，背景變暗
2012-12-01仿網(wǎng)易點(diǎn)擊彈出提示，背景變暗提示層效果，圓角，美觀簡(jiǎn)潔，代碼稍嫌多。 -
預(yù)覽輸入框聚焦，點(diǎn)擊時(shí)清空文本框
2012-12-01輸入框聚集，點(diǎn)擊時(shí)清空文本框，www.zhaotila.cn以前就用到過，大家經(jīng)常見到的一個(gè)小技巧 ，常見于搜索框，當(dāng)沒有點(diǎn)擊搜索框的時(shí)候，搜索框內(nèi)顯示默認(rèn)文字，當(dāng)想輸入的時(shí)候，點(diǎn)擊搜索框后，里面的內(nèi)容就自動(dòng)清空，由用戶去輸入 ，一來提示升用戶體驗(yàn)，二來可以在輸入框中設(shè)置提示文字，方便用戶輸入。 -
預(yù)覽文本框?qū)挾茸詣?dòng)適應(yīng)文本寬度
2012-12-01一個(gè)會(huì)隨著輸入文本框的字符多少而自動(dòng)增加寬度的JS代碼，當(dāng)我們?cè)谖谋究蛑休斎胱址臅r(shí)候，如果文本框的寬度定義太小的話，那么我們輸入的字符將會(huì)被隱藏，本段代碼實(shí)現(xiàn)了文本框會(huì)自動(dòng)適應(yīng)輸入文字的多少，它會(huì)自動(dòng)加長(zhǎng)。 -
預(yù)覽復(fù)選框在鼠標(biāo)移上后自動(dòng)打勾選中
2012-12-01大家是否見到過有些網(wǎng)頁(yè)中的復(fù)選框在你的鼠標(biāo)移上后自動(dòng)選中，再次移上后又取消選擇，實(shí)際上它是用JavaScript實(shí)現(xiàn)的，本代碼段就完成了此功能，不過在你的網(wǎng)頁(yè)中加入此功能要看用戶的習(xí)慣 ，有時(shí)候用戶不習(xí)慣這種功能，不能畫蛇添足。 -
預(yù)覽左右兩個(gè)Select下拉列表進(jìn)行內(nèi)容多選、移除等內(nèi)容交換
2012-11-30在注冊(cè)表單填寫資料的時(shí)候，特別是在人才招聘網(wǎng)站，會(huì)讓我們選擇職位或想去的工作目的地，會(huì)讓我們?cè)赟elect下拉列表框中進(jìn)行所列項(xiàng)目的多癬移除，左右兩個(gè)下拉列表交換內(nèi)容，需由JavaScript完成，請(qǐng)運(yùn)行一下看效果。 -
預(yù)覽自動(dòng)復(fù)制代碼
2012-11-30自動(dòng)復(fù)制代碼 -
預(yù)覽點(diǎn)擊單選框激活鏈接開始跳轉(zhuǎn)
2012-11-30一個(gè)復(fù)選框的特別用法，點(diǎn)擊單選框后就激活鏈接開始跳轉(zhuǎn)到指定網(wǎng)址，代碼超級(jí)簡(jiǎn)單，研究一下。 -
預(yù)覽JS+CSS美化的漂亮Select列表框
2012-11-29這個(gè)效果真的很不錯(cuò)，用JavaScript+CSS美化一個(gè)Select框，美化的最終效果像一個(gè)下拉菜單一樣，帶有清新的藍(lán)色背景，從此讓你的Select不再灰蒙蒙的，非常好看。 -
預(yù)覽CSS美化的漂亮分頁(yè)按鈕
2012-11-29利用CSS美化的一些漂亮的分頁(yè)按鈕樣式，類似水晶按鈕的風(fēng)格，自動(dòng)適應(yīng)文字長(zhǎng)度，分頁(yè)中可以用，菜單和選項(xiàng)卡也可以用，使用此背景要學(xué)會(huì)如何用CSS控制一張圖片選用區(qū)域，相信大家會(huì)喜歡的。 -
預(yù)覽JavaScript控制文本框的值連續(xù)加減
2012-11-29JavaScript控制文本框的值連續(xù)加減，一方面學(xué)習(xí)如何適時(shí)對(duì)文本框賦值，另一方面學(xué)習(xí)如何在對(duì)象上進(jìn)行運(yùn)算，很有用處哦。 -
預(yù)覽JS表單提交后按鈕變灰代碼
2012-11-29表單提交后按鈕變灰色的功能實(shí)現(xiàn)方法，可有效防止重復(fù)提交表單，如果提交動(dòng)作沒有完成，則一直呈灰色狀態(tài)等待確認(rèn)。代碼的實(shí)現(xiàn)也是超簡(jiǎn)單的，此方法也是實(shí)用的，希望收藏一下。 -
預(yù)覽Ajax彈出式無刷新城市選擇特效
2012-11-29很棒的全國(guó)城市選擇效果，添加城市時(shí)先添加組：找到id是selectSub中select標(biāo)簽下，添加option標(biāo)簽，value屬性遞增，找到id是selectSub，按照原有格式添加div，其id屬性遞增；然后添加二級(jí)副選框選項(xiàng)：復(fù)制id是selectSub下任意input標(biāo)簽，粘貼在需要添加的位置即可，你想擴(kuò)展的話，配合動(dòng)態(tài)語(yǔ)言完全可以將城市從數(shù)據(jù)庫(kù)中讀取出來。 -
預(yù)覽JavaScript判斷文本輸入框的IP地址格式是否正確
2012-11-29雖然用JavaScript判斷Ip地址不常用，但知道怎么用還是有必要的，本代碼專一為實(shí)現(xiàn)判斷IP而寫，有針對(duì)性，當(dāng)然，你完全可以整合到你的JS函數(shù)中，這絲毫不費(fèi)什么力氣。如果輸入中缺少“.”或輸入了字符而不是數(shù)字它都將彈出一個(gè)警告告訴用戶。 -
預(yù)覽JavaScript判斷表單文本框中某字符的出現(xiàn)個(gè)數(shù)
2012-11-29本演示代碼完成兩個(gè)功能，首先是判斷規(guī)定的字符是否出現(xiàn)，其次是判斷規(guī)定字符的出現(xiàn)次數(shù)，如果超出限度，則彈出提示，表單不能正常提交，這需要用到正則表達(dá)式，過濾某字符的出現(xiàn)的次數(shù)，其實(shí)挺簡(jiǎn)單的。 -
預(yù)覽帶提示的下拉菜單，Js模擬的
2012-11-29用JavaScript模擬的帶提示的下拉菜單，不過好像還不太好用，只是實(shí)現(xiàn)了基本功能，還需要改進(jìn)很多，希望高手幫盡快改進(jìn)哦，用得幾張下拉框樣式的圖片，請(qǐng)自行保存到本地。 -
預(yù)覽人才網(wǎng)站的職位選擇功能代碼
2012-11-29一個(gè)比較實(shí)用的JS列表框功能，像很多人才網(wǎng)站的職位選擇功能一樣，從左側(cè)列表框選擇后會(huì)添加至右側(cè)列表框，還可以上下移動(dòng)、增刪內(nèi)容，感覺非常有用的代碼。 -
預(yù)覽CSS讓Textarea文本域根據(jù)內(nèi)容自適應(yīng)高度
2012-11-29CSS讓Textarea文本域根據(jù)內(nèi)容輸入的多少自動(dòng)適應(yīng)其高度，而不會(huì)出現(xiàn)滾動(dòng)條，你的內(nèi)容有多滿，它就會(huì)自動(dòng)把自己變高。其實(shí)這里沒有用什么JavaSCript，這完全是CSS的功勞，只需給文本域設(shè)置overflow-y:visible樣式就搞定了這一切。 -
預(yù)覽點(diǎn)擊網(wǎng)頁(yè)上的按鈕就可以實(shí)現(xiàn)自動(dòng)向下或向下滾屏
2012-11-28點(diǎn)擊網(wǎng)頁(yè)上的按鈕就可以實(shí)現(xiàn)自動(dòng)向下或向下滾屏 -
預(yù)覽JavaScript 拖動(dòng)條改變打字速度，真不錯(cuò)
2012-11-28純JavaScript實(shí)現(xiàn)的打字效果，單就“打字”就已經(jīng)挺吸引人了，而且它還有個(gè)更個(gè)性的功能，用拖動(dòng)條可以調(diào)整打字的速度，還能夠自動(dòng)滾屏，單擊即可調(diào)節(jié)，學(xué)習(xí)JS挺有用處。 -
預(yù)覽點(diǎn)擊按鈕后，文本框變?yōu)镾elect下拉列表框
2012-11-28在招聘類的網(wǎng)站會(huì)見到不少類似效果，文本框中最開始默認(rèn)的是文字 ，如果點(diǎn)擊更改這類的按鈕文本框就變成了一個(gè)可以選擇的Select下拉列表框，挺有創(chuàng)意，以下是代碼，復(fù)制即可用啦。
- 相關(guān)鏈接：
- 欄目說明：
表單按鈕：提供了大量與表單按鈕相關(guān)的內(nèi)容,是您學(xué)習(xí)及查找表單按鈕的最佳選擇。