可以用behavior来实现,样式表写成:
td {
behavior: url("mousestyle.htc");
font-size: 20pt;
font-family: "宋体";
}
(你用的borderColorLight和borderColorDark用在tr上似乎没有效果,所以我改成了td)mousestyle.htc的内容为:
<component>
<attach for="element" event="onmouseover" handler="mOver" />
<attach for="element" event="onmouseout" handler="mOut" /><script language="JavaScript">
function mOver() {
element.borderColorLight = "#FFFFFF";
element.borderColorDark = "#000000";
}function mOut() {
element.borderColorLight = "#9FA85F";
element.borderColorDark = "#9FA85F";
}
</script>
</component>
td {
behavior: url("mousestyle.htc");
font-size: 20pt;
font-family: "宋体";
}
(你用的borderColorLight和borderColorDark用在tr上似乎没有效果,所以我改成了td)mousestyle.htc的内容为:
<component>
<attach for="element" event="onmouseover" handler="mOver" />
<attach for="element" event="onmouseout" handler="mOut" /><script language="JavaScript">
function mOver() {
element.borderColorLight = "#FFFFFF";
element.borderColorDark = "#000000";
}function mOut() {
element.borderColorLight = "#9FA85F";
element.borderColorDark = "#9FA85F";
}
</script>
</component>
behavior:url(over.htc) url(out.htc); FONT-SIZE: 20pt; FONT-FAMILY: "宋体"
}over.htc<public:attach event=onmouseover onevent="over();" /><script>
function over(){
this.borderColorLight='#FFFFFF';
this.borderColorDark='#000000';
}
</script>
out.htc<public:attach event=onmouseout onevent="out();" /><script>
function out(){
this.borderColorLight='#9FA85F';
this.borderColorDark='##9FA85F';
}
</script>