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

网页代码如下：
</p><p><b><br /><b> </p><p><title>New Web Project</title> </p><p></b> </p><p><button type="button">提交</button><br />运行后，需要刷新一下， 才可以加载jquery</p><p></b><br />
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

用到的图片：

最后的效果：

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

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

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

最终效果：