JS+CSS鼠标经过文字变色

最新推荐文章于 2023-03-27 19:10:33 发布

攻城的蒂巴格

最新推荐文章于 2023-03-27 19:10:33 发布

阅读量6.7k

点赞数

文章标签： css mozilla safari function 浏览器 internet

<!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>

攻城的蒂巴格

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
JS+CSS鼠标经过文字变色

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">http://www.w3.org/1999/xhtml" > active body { font: 85%/140% arial, helvetica, sans-serif; } ul{ padding: 0;
复制链接

扫一扫