在常用工具栏中找到鼠标经过图像点击然后设置本身图像和鼠标经过的图像就行了

<script> function a(x){ if(x=="tab1"){ document.all.div1.style.display="block"; }} function b(){ document.all.div1.style.display="none"; } </script> <table width="120" height="32" border="0" align="center" onmouseover="a(this.name);" onmouseout="b()" id="tab1" name="tab1"> <tr> <td align="center" bgcolor="#CCFFCC" onmouseover="if(true) this.style.cursor='hand';" ><strong>副经理</strong></td> </tr></table><table width="289" height="36" border="0" align="center" id="div1" style="display:none" name="div1"> <tr> <td width="92" align="center" bgcolor="#99FFFF">生产副经理</td> <td width="90" align="center" bgcolor="#99FFFF">财务副经理</td> <td width="93" align="center" bgcolor="#99FFFF">合同副经理</td> </tr></table>看看效果，如果不是你想要的，你就照这思路自己改改吧！