<!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");
//--><!]]></script>
</head>
<body>
<ul>
<li>很多年来,每发行一个新版本,浏览器制作者们都扩展了对 CSS 的支持。今天,Internet Explorer 6、Netscape Navigator
7、Mozilla、Opera 和 Safari 都全面支持 CSS。但这并不意味着我们作为 Web 设计者和开发者的生涯不存在问题。尽管上述所有浏览器都支持
CSS Level </li>
<li>很多年来,每发行一个新版本,浏览器制作者们都扩展了对 CSS 的支持。今天,Internet Explorer 6、Netscape Navigator
7、Mozilla、Opera 和 Safari 都全面支持 CSS。但这并不意味着我们作为 Web 设计者和开发者的生涯不存在问题。尽管上述所有浏览器都支持
CSS Level </li>
<li>很多年来,每发行一个新版本,浏览器制作者们都扩展了对 CSS 的支持。今天,Internet Explorer 6、Netscape Navigator
7、Mozilla、Opera 和 Safari 都全面支持 CSS。但这并不意味着我们作为 Web 设计者和开发者的生涯不存在问题。尽管上述所有浏览器都支持
CSS Level </li>
<li>很多年来,每发行一个新版本,浏览器制作者们都扩展了对 CSS 的支持。今天,Internet Explorer 6、Netscape Navigator
7、Mozilla、Opera 和 Safari 都全面支持 CSS。但这并不意味着我们作为 Web 设计者和开发者的生涯不存在问题。尽管上述所有浏览器都支持
CSS Level </li>
</ul>