~~~~~~~~~~~~啊哈哈偶来搞个模型,大家可以在修改一哈
<input type=text style="position:absolute;left:10;top:10;width:60">
<img src="a.jpg"
onmouseover="this.src='b.jpg'"
onmousedown="this.src='c.jpg'"
onclick="lay1.style.display='block'"
onmouseout="this.src='a.jpg';lay1.style.display='none'"
onmouseup="this.src='a.jpg'"
onblur="lay1.style.display='block'" style="position:absolute;left:52;top:11">

<div id=lay1 style="border:1px solid black;display:none;position:absolute;left:11;top:31;width:58">
<table border=0 cellspacing=0 cellpadding=0>
<tr><td>第一行</td></tr>
<tr><td>第二行</td></tr>
</table>
</div>
<br><br><br><br><br><br><br><br><br><br><br>

上面的a,b,c 个图片是我自己做的和select一样,表面的效果非常象楼主所说的效果，在努力修改完全可以用javascript实现