jQuery 文本框模擬下拉列表效果
更新時(shí)間：2010年02月08日 07:46:37 作者：
學(xué)校作業(yè)的問(wèn)題，就在網(wǎng)搜了一下，找不到文本框模擬的（可能本人RP問(wèn)題），看到的都是用div的，結(jié)果就自己弄了一個(gè)，主要就是改變背景圖片的位置，讓div的位置放到文本框上面，沒(méi)什么其它的東西，呵呵，見(jiàn)笑了
網(wǎng)頁(yè)代碼如下：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
用到的圖片：
最后的效果：
默認(rèn)/光標(biāo)移出時(shí)文本框的樣子：
鼠標(biāo)移入時(shí)文本框的樣子，當(dāng)鼠標(biāo)案件釋放時(shí)，若光標(biāo)還在div上也是這樣：
鼠標(biāo)按鍵按下時(shí)時(shí)文本框的樣子：
最終效果：
您可能感興趣的文章:
- jquery模擬SELECT下拉框取值效果
- 用jQuery實(shí)現(xiàn)的模擬下拉框代碼
- 用jQuery模擬select下拉框的簡(jiǎn)單示例代碼
- jQuery模擬下拉框選擇對(duì)應(yīng)菜單的內(nèi)容
- jquery 模擬類(lèi)搜索框自動(dòng)完成搜索提示功能(改進(jìn))
- 模擬多級(jí)復(fù)選框效果的jquery代碼
- jquery模擬多級(jí)復(fù)選框效果的簡(jiǎn)單實(shí)例
- jquery 模擬雅虎首頁(yè)的點(diǎn)擊對(duì)話(huà)框效果
- jQuery模擬12306城市選擇框功能簡(jiǎn)單實(shí)現(xiàn)方法示例
- jQuery模擬html下拉多選框的原生實(shí)現(xiàn)方法示例
相關(guān)文章
jQuery ready方法實(shí)現(xiàn)原理詳解
這篇文章主要介紹了jQuery ready方法實(shí)現(xiàn)原理詳解的相關(guān)資料,需要的朋友可以參考下2016-10-10
jQuery實(shí)現(xiàn)二級(jí)下拉菜單效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)二級(jí)下拉菜單效果的相關(guān)資料,需要的朋友可以參考下2016-01-01
這篇文章主要介紹了jQuery遮罩層效果,結(jié)合實(shí)例形式較為詳細(xì)的分析了jQuery實(shí)現(xiàn)遮罩層的原理與相關(guān)技術(shù)細(xì)節(jié),需要的朋友可以參考下2016-01-01
jQuery制作仿騰訊web qq用戶(hù)體驗(yàn)桌面
，酷炫個(gè)性的desktop桌面特效展示支持各大主流瀏覽器IE6以上，感興趣的朋友可以體驗(yàn)下哈2013-08-08
struts2+jquery+json實(shí)現(xiàn)異步加載數(shù)據(jù)(自寫(xiě))
異步加載數(shù)據(jù)利用struts2+jquery+json實(shí)現(xiàn)，具體代碼如下，感興趣的各位可以參考下哈，希望對(duì)大家有所幫助2013-06-06
jQuery實(shí)現(xiàn)帶玻璃流光質(zhì)感的手風(fēng)琴特效
這篇文章主要介紹了jQuery實(shí)現(xiàn)帶玻璃流光質(zhì)感的手風(fēng)琴特效，是一款基于jQuery+CSS3實(shí)現(xiàn)手風(fēng)琴特效，希望你可以喜歡。2015-11-11
前端開(kāi)發(fā)必知的15個(gè)jQuery小技巧
本文主要介紹了前端開(kāi)發(fā)必知的15個(gè)jQuery小技巧。具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-01-01
這篇文章主要為大家詳細(xì)介紹了jQuery擦除插件eraser的使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-01-01
這篇文章主要介紹了jQuery中Find選擇器用法,簡(jiǎn)單介紹了find選擇器的功能,并結(jié)合實(shí)例分析了find選擇器的具體使用方法,需要的朋友可以參考下2016-09-09
基于jquery的固定表頭和列頭的代碼，需要的朋友可以參考下2012-05-05