JS+CSS鼠标通过文字变色

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
   <title>active</title>
   <style type="text/css" media="all">
   body {
    font: 85%/140% arial, helvetica, sans-serif;
   }
   ul{
    padding: 0;
   margin: 10px;
   list-style: none;
   }
  li{
   color: #333;
   background: #DDD;
   padding: 10px;
  margin-bottom: 2px;
 }
 li:hover, li.sfhover {
  color: red;
  background: #F5F5F5; 
 }
</style>
<script type="text/javascript"><!--//--><![CDATA[//><!--
function suckerfish(type, tag, parentId) {
 if (window.attachEvent) {
  window.attachEvent("onload", function() {
   var sfEls = (parentId==null)?document.getElementsByTagName(tag):document.getElementById(parentId).getElementsByTagName(tag);
   type(sfEls);
  });
 }
}
sfHover = function(sfEls) {
 for (var i=0; i<sfEls.length; i++) {
  sfEls[i].οnmοuseοver=function() {
   this.className+=" sfhover";
  }
  sfEls[i].οnmοuseοut=function() {
   this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
  }
 }
}
sfActive = function(sfEls) {
 for (var i=0; i<sfEls.length; i++) {
  sfEls[i].οnmοusedοwn=function() {
   this.className+=" sfactive";
  }
  sfEls[i].οnmοuseup=function() {
   this.className=this.className.replace(new RegExp(" sfactive\\b"), "");
  }
 }
}
suckerfish(sfHover, "li");javascript

//--><!]]></script>
</head>
<body>
<ul>
<li>不少年来,每发行一个新版本,浏览器制做者们都扩展了对 CSS 的支持。今天,Internet Explorer 六、Netscape Navigator
七、Mozilla、Opera 和 Safari 都全面支持 CSS。但这并不意味着咱们做为 Web 设计者和开发者的生涯不存在问题。尽管上述全部浏览器都支持
CSS Level </li>
<li>不少年来,每发行一个新版本,浏览器制做者们都扩展了对 CSS 的支持。今天,Internet Explorer 六、Netscape Navigator
七、Mozilla、Opera 和 Safari 都全面支持 CSS。但这并不意味着咱们做为 Web 设计者和开发者的生涯不存在问题。尽管上述全部浏览器都支持
CSS Level </li>
<li>不少年来,每发行一个新版本,浏览器制做者们都扩展了对 CSS 的支持。今天,Internet Explorer 六、Netscape Navigator
七、Mozilla、Opera 和 Safari 都全面支持 CSS。但这并不意味着咱们做为 Web 设计者和开发者的生涯不存在问题。尽管上述全部浏览器都支持
CSS Level </li>
<li>不少年来,每发行一个新版本,浏览器制做者们都扩展了对 CSS 的支持。今天,Internet Explorer 六、Netscape Navigator
七、Mozilla、Opera 和 Safari 都全面支持 CSS。但这并不意味着咱们做为 Web 设计者和开发者的生涯不存在问题。尽管上述全部浏览器都支持
CSS Level </li>
</ul>css