jQuery 文本框模拟下拉列表效果
发布时间:2013-08-29 编辑:jiaochengji.com
学校作业的问题,就在网搜了一下,找不到文本框模拟的(可能本人RP问题),看到的都是用div的,结果就自己弄了一个,主要就是改变背景图片的位置,让div的位置放到文本框上面,没什么其它的东西,呵呵,见笑了
学校作业的问题,就在网搜了一下,找不到文本框模拟的(可能本人RP问题),看到的都是用div的,结果就自己弄了一个,主要就是改变背景图片的位置,让div的位置放到文本框上面,没什么其它的东西,呵呵,见笑了
网页代码如下:
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
用到的图片:
最后的效果:
默认/光标移出时文本框的样子:
鼠标移入时文本框的样子,当鼠标案件释放时,若光标还在div上也是这样:
鼠标按键按下时时文本框的样子:
最终效果:
您可能感兴趣的文章:
jQuery 文本框模拟下拉列表效果
jquery easyui自定义下拉框列表
asp.net+jquery滚动滚动条加载数据的下拉控件
jQuery下拉列表插件 jQselectable
用jQuery实现的模拟下拉框代码
基于JQuery的Select选择框的华丽变身
2012年开发人员的16款新鲜的jquery插件体验分享
【精品推荐】web开发人员应该知道的31个jQuery模态对话框
用jQuery获取IE9下拉框默认值问题探讨
javascript 模拟select下拉列表效果
[关闭]