打印

背景变色问题!!!!

tension

管理员

Rank: 9 Rank: 9 Rank: 9

1^# 大中小发表于 2007-5-30 10:58 只看该作者

背景变色问题!!!!

<!DOCTYPE <span href="tag.php?name=html" onclick="tagshow(event)" class="t_tag">html</span> PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/x<span href="tag.php?name=html" onclick="tagshow(event)" class="t_tag">html</span>1/DTD/x<span href="tag.php?name=html" onclick="tagshow(event)" class="t_tag">html</span>1-strict.dtd">
<<span href="tag.php?name=html" onclick="tagshow(event)" class="t_tag">html</span>

xmlns="http://www.w3.org/1999/x<span href="tag.php?name=html" onclick="tagshow(event)" class="t_tag">html</span>" >
<head>
<title>active</title>
<style

type="text/<span href="tag.php?name=css" onclick="tagshow(event)" class="t_tag">css</span>" 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].onmouseover=function() {
			this.className+="

sfhover";
		}
		sfEls[i].onmouseout=function() {

this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}

}
}
sfActive = function(sfEls) {
	for (var i=0; i<sfEls.length; i++)

{
		sfEls[i].onmousedown=function() {
			this.className+="

sfactive";
		}
		sfEls[i].onmouseup=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 <span href="tag.php?name=%E8%AE%BE%E8%AE%A1" onclick="tagshow(event)" class="t_tag">设计</span>者和<span href="tag.php?name=%E5%BC%80%E5%8F%91" onclick="tagshow(event)" class="t_tag">开发</span>者的生涯不存在问题。尽管

上述所有浏览器都支持 
CSS Level </li>
<li>很多年来，每发行一个新版本，浏览器制作者们

都扩展了对 CSS 的支持。今天，Internet Explorer 6、Netscape Navigator 
7、Mozilla、Opera

和 Safari 都全面支持 CSS。但这并不意味着我们作为 Web <span href="tag.php?name=%E8%AE%BE%E8%AE%A1" onclick="tagshow(event)" class="t_tag">设计</span>者和<span href="tag.php?name=%E5%BC%80%E5%8F%91" onclick="tagshow(event)" class="t_tag">开发</span>者的生涯不存在问题。尽管

上述所有浏览器都支持 
CSS Level </li>
<li>很多年来，每发行一个新版本，浏览器制作者们

都扩展了对 CSS 的支持。今天，Internet Explorer 6、Netscape Navigator 
7、Mozilla、Opera

和 Safari 都全面支持 CSS。但这并不意味着我们作为 Web <span href="tag.php?name=%E8%AE%BE%E8%AE%A1" onclick="tagshow(event)" class="t_tag">设计</span>者和<span href="tag.php?name=%E5%BC%80%E5%8F%91" onclick="tagshow(event)" class="t_tag">开发</span>者的生涯不存在问题。尽管

上述所有浏览器都支持 
CSS Level </li>
<li>很多年来，每发行一个新版本，浏览器制作者们

都扩展了对 CSS 的支持。今天，Internet Explorer 6、Netscape Navigator 
7、Mozilla、Opera

和 Safari 都全面支持 CSS。但这并不意味着我们作为 Web <span href="tag.php?name=%E8%AE%BE%E8%AE%A1" onclick="tagshow(event)" class="t_tag">设计</span>者和<span href="tag.php?name=%E5%BC%80%E5%8F%91" onclick="tagshow(event)" class="t_tag">开发</span>者的生涯不存在问题。尽管

上述所有浏览器都支持 
CSS Level </li>
</ul>
</body>
</<span href="tag.php?name=html" onclick="tagshow(event)" class="t_tag">html</span>>

提示：您可以先修改部分代码再运行

TOP

tension

管理员

Rank: 9 Rank: 9 Rank: 9

2^# 大中小发表于 2007-5-30 11:07 只看该作者

提示：您可以先修改部分代码再运行

TOP

tension

管理员

Rank: 9 Rank: 9 Rank: 9

3^# 大中小发表于 2007-5-30 11:08 只看该作者

提示：您可以先修改部分代码再运行

TOP

tension

管理员

Rank: 9 Rank: 9 Rank: 9

4^# 大中小发表于 2007-5-30 11:10 只看该作者

<td>
                我会变色的哦~~~~
            </td>
            <td>

我会变色的哦~~~~
            </td>
            <td>
                我

会变色的哦~~~~
            </td>
        </tr>
        <tr>

<td>
                我会变色的哦~~~~
            </td>
            <td>

我会变色的哦~~~~
            </td>
            <td>
                我

会变色的哦~~~~
            </td>
        </tr>
        <tr>

<td>
                我会变色的哦~~~~
            </td>
            <td>

我会变色的哦~~~~
            </td>
            <td>
                我

会变色的哦~~~~
            </td>
        </tr>
        <tr>

<td>
                我会变色的哦~~~~
            </td>
            <td>

我会变色的哦~~~~
            </td>
            <td>
                我

会变色的哦~~~~
            </td>
        </tr>
    </table>
    <script

type="text/javascript" language="javascript">
   function moveOver()
   {

var srcElement = event.srcElement.parentNode;
        srcElement.style.backgroundColor

= 'skyblue';
        srcElement.style.cursor = 'normal';
   }
   function

moveOut()
   {
        var srcElement = event.srcElement.parentNode;

srcElement.style.backgroundColor = '';
   }
   var count =

document.getElementById('alterTable').childNodes[0].childNodes.length;
   for(var k =

0;k < count; k++)
   {
        if(document.getElementById

('alterTable').childNodes[0].childNodes[k].tagName == "TR")
        {

var obj = document.getElementById('alterTable').childNodes[0].childNodes[k];

obj.attachEvent("onmouseover",new Function("moveOver()"));

obj.attachEvent("onmouseout",new Function("moveOut()"));
        }
   }

</script>

提示：您可以先修改部分代码再运行

TOP

393张高清晰web2.0站点截图	425款精品毛笔墨迹+38款墨迹底纹..	10位Master级别的Photoshop高手	绝对漂亮的笔刷
Soul 近期新作品欣赏..	熟女养成日志—长草	魔幻抽象/吸血鬼传说！！	photoshop仿CG滤镜