Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  jquery 教程  >  正文 jQuery 文本框模拟下拉列表效果

jQuery 文本框模拟下拉列表效果

发布时间:2013-08-29   编辑:www.jquerycn.cn
学校作业的问题,就在网搜了一下,找不到文本框模拟的(可能本人RP问题),看到的都是用div的,结果就自己弄了一个,主要就是改变背景图片的位置,让div的位置放到文本框上面,没什么其它的东西,呵呵,见笑了
学校作业的问题,就在网搜了一下,找不到文本框模拟的(可能本人RP问题),看到的都是用div的,结果就自己弄了一个,主要就是改变背景图片的位置,让div的位置放到文本框上面,没什么其它的东西,呵呵,见笑了 网页代码如下:

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

用到的图片:

最后的效果:

默认/光标移出时文本框的样子:

鼠标移入时文本框的样子,当鼠标案件释放时,若光标还在div上也是这样:

鼠标按键按下时时文本框的样子:

最终效果:

您可能感兴趣的文章:
jQuery 文本框模拟下拉列表效果
利用jQuery实现可输入搜索文字的下拉框
asp.net+jquery滚动滚动条加载数据的下拉控件
基于jquery扩展漂亮的下拉框可以二次修改
jQuery下拉列表插件 jQselectable
用jQuery实现的模拟下拉框代码
jquery+css+ul模拟列表菜单具体实现思路
javascript 模拟select下拉列表效果
jQuery下拉列表插件 jQselectable
基于JQuery的Select选择框的华丽变身

[关闭]