使用了sortable无法显示高亮

[flytigerme]

</script>
<script src="sorttable.js" type="text/javascript"></script>
<style type="text/css">
body{font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#555555;}
div.main{margin:30px auto; width:600px;}
table.sortable{border:0; padding:0; margin:0;}
table.sortable td{padding:4px; width:120px; border-bottom:solid 1px #DEDEDE;}
table.sortable th{padding:4px;}
table.sortable thead{background:#e3edef; color:#333333; text-align:left;}
table.sortable tfoot{font-weight:bold; }
table.sortable tfoot td{border:none;}
</style>

<div class="main">
	<table   class="sortable" cellspacing="0"   border="1" cellpadding="0"  align="center">
		<thead>
		<tr align="center">
			<td width="%100"><b>设备类型</b></td>
			<td width="%100"><b>设备名称</b></td>
			<td width="%100"><b>国家编码</b></td>
			<td width="%100"><b>内部编码</b></td>
			<td width="%100"><b>设备价格</b></td>
			<td width="%100"><b>入库日期</b></td>
			<td width="%100"><b>编辑</b></td>
		</tr>
		</thead>
		<c:forEach items="${equiments}" var="equi" >
		<tr align="center"  onmouseover="bgColor='FDE432'" onmouseout="bgColor='#ffffff'">     
				<td width="%100">${equi.types}</td>
				<td width="%100">${equi.equiName}</td>
				<td width="%100">${equi.equiCode}</td>
				<td width="%100">${equi.innerCode}</td>
				<td width="%100">${equi.equiPrice}</td>
				<td width="%100">${equi.buyDate}</td>
				<td>
				<html:link page="/equiment.do?method=delEquiment&ID=${equi.ID}">
				<bean:message key="lable.delEqui"/>
				</html:link>
				<html:link page="/equiment.do?method=repairEqui&ID=${equi.ID}">
					<bean:message key="lable.repairEqui"/>
				</html:link>
				<html:link page="/updateEqui.do?method=loadEqui&ID=${equi.ID}">
					<bean:message key="lable.updateEqui"/>
				</html:link>
				</td>
		</tr>
		</c:forEach>
	</table>
	</div>

使用了sortable后无法再产生鼠标到哪行哪行高亮的效果，求高人指点！