各位：js怎样控制css？

Question

<style>
.f1{color:red}
</style>
<a href="#" onmouseover="javascript: this.className='f1';" onmouseout="javascript:this.className='';">
1111111</a>
<font class="f2">f2</font>

Answer 1

对不起，我写错了，应该是
<style>
.f1{color="red"}
</style>
<a href="#" onmouseover="javascript: ???" >
<font class="f1">我要变色</font></a>
<font class="f1">我也要变色</font>
两个字应一起变色。

Answer 2

<style>
.f1{color:red}
.f2{color:blue}
</style>
<script language="javascript">
function ChangeColor(color)
{
  var fonts = document.all.tags("FONT");
  for (var i=0; i < fonts.length; i++)
fonts[i].className =  color;
}
</script>
<a href="#" onmouseover="javascript: ChangeColor('f2');" onmouseout="javascript: ChangeColor('f1');">
<font class="f1">我要变色</font></a>
<font class="f1">我也要变色</font>

Answer 3

<a href="#" onmouseover="this.style.color='#0096c8';" onmouseout="this.style.color='red';">变吧，不变别怪我</a>

Answer 4

当然把<a>标记改为<font>标记也行，再加一句style="cursor:hand"属标就变成手了。