-
預(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í)及查找表單按鈕的最佳選擇。