站长资源网络编程

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

整理:jimmy2026/8/6浏览2
简介网页代码如下: New Web Project 提交 运行后,需要刷新一下, 才可以加载jquery [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]用到的图片: 最后的效果:默认/光标移出时文本框的样子:鼠标移入时文本框的样子,当鼠标案件释放时,
网页代码如下:

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

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

 

 

最后的效果:

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

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

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

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

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

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

最终效果:

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