inputSuggest文本框輸入時(shí)提示、自動(dòng)完成效果(郵箱輸入自動(dòng)補(bǔ)全插件)
更新時(shí)間:2012年05月19日 14:43:18 作者:
inputSuggest在文本框輸入字符時(shí)提示,類似Windows的“自動(dòng)完成”功能,當(dāng)在文本框輸入字符時(shí),與此相關(guān)的內(nèi)容會(huì)顯示在文本框的下邊,你可隨時(shí)使用鍵盤或鼠標(biāo)點(diǎn)選那些提示,你就不用輸入了
像QQ郵箱提示、百度的搜索框提示、淘寶的商品搜索提示等,現(xiàn)在有不少的網(wǎng)站都有類似效果,以提升用戶體驗(yàn)。
使用方法:
new InputSuggest({
input HTMLInputElement 必選
data Array ['sina.cn','sina.com','2008.sina.com','vip.sina.com.cn'] 必選
containerCls 容器className
itemCls 容器子項(xiàng)className
activeCls 高亮子項(xiàng)className
width 寬度設(shè)置 此項(xiàng)將覆蓋containerCls的width
opacity 透明度設(shè)置 此項(xiàng)將覆蓋containerCls的opacity……
在線演示:http://demo.jb51.net/js/2012/inputSuggest/
完整源碼下載:http://www.dbjr.com.cn/jiaoben/44737.html
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
使用方法:
new InputSuggest({
input HTMLInputElement 必選
data Array ['sina.cn','sina.com','2008.sina.com','vip.sina.com.cn'] 必選
containerCls 容器className
itemCls 容器子項(xiàng)className
activeCls 高亮子項(xiàng)className
width 寬度設(shè)置 此項(xiàng)將覆蓋containerCls的width
opacity 透明度設(shè)置 此項(xiàng)將覆蓋containerCls的opacity……
在線演示:http://demo.jb51.net/js/2012/inputSuggest/
完整源碼下載:http://www.dbjr.com.cn/jiaoben/44737.html
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
相關(guān)文章
CSS javascript 結(jié)合實(shí)現(xiàn)懸浮固定菜單效果
本篇文章給大家介紹基于CSS javascript 結(jié)合實(shí)現(xiàn)懸浮固定菜單效果,附有源碼下載,需要的朋友可以參考下2015-08-08細(xì)品javascript 尋址,閉包,對(duì)象模型和相關(guān)問題
似乎某些程序員的集合是不相交的,就好像JS程序員和玩編譯原理和CPU指令的匯編程序員就幾乎沒有交叉。前些日子討論的火熱的“作用域鏈”問題,說白了就是尋址問題,不過,這個(gè)在C中十分簡(jiǎn)單的問題卻被JS這個(gè)動(dòng)態(tài)語(yǔ)言弄得很復(fù)雜。2009-04-04javascript實(shí)現(xiàn)移動(dòng)端輪播圖
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)移動(dòng)端輪播圖,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-12-12讓你的博文自動(dòng)帶上縮址的實(shí)現(xiàn)代碼,方便發(fā)到微博客上
添加以下代碼到你的博客中: (呵呵,抄襲至lulu Studio http://s8.hk/0itw)2010-12-12JavaScript異步調(diào)用定時(shí)方法并停止該方法實(shí)現(xiàn)代碼
JavaScript異步調(diào)用定時(shí)方法并停止該方法實(shí)現(xiàn)代碼 ,需要的朋友可以參考下2012-03-03一個(gè)極為簡(jiǎn)單的requirejs實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄粋€(gè)極為簡(jiǎn)單的requirejs實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-10-10uniapp的webview實(shí)現(xiàn)左滑返回上一個(gè)頁(yè)面操作方法
uniapp默認(rèn)左滑是關(guān)閉整個(gè)webview,而不是關(guān)閉當(dāng)前頁(yè),本文給大家介紹uniapp的webview實(shí)現(xiàn)左滑返回上一個(gè)頁(yè)面操作方法,感興趣的朋友一起看看吧2023-12-12