当前位置:首页 >> 网络编程

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

网页代码如下:

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

用到的图片:jQuery 文本框模拟下拉列表效果

 

 

最后的效果:

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

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

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

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

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

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

最终效果:

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