鼠标移至某段时改变颜色，移出后恢复原本颜色（JAVASCRIPT）
问题是如何让鼠标移动到某个段落时候段落的字体的颜色有变化，当鼠标移到出这个段落时又恢复原本的颜色。请求解答！！谢谢！！谢谢回答，不过这是一份练习题，要求一定要用JAVA写...
问题是如何让鼠标移动到某个段落时候段落的字体的颜色有变化，当鼠标移到出这个段落时又恢复原本的颜色。请求解答！！谢谢！！
谢谢回答，不过这是一份练习题，要求一定要用JAVA写出来 展开
谢谢回答，不过这是一份练习题，要求一定要用JAVA写出来 展开
3个回答
展开全部
好吧,用JS的话也可以,不过的确需要DOM支持:
代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>测试</title>
</head>
<body>
<p onmouseover="this.style.color='blue'" onmouseout="this.style.color='black'" onmousedown="this.style.color='red'" onmouseup="this.style.color='blue'">
如果您把鼠标移动到这里，我的颜色将会变蓝，如果您在这里点击鼠标，我的颜色将会便红。
</p>
<p> </p>
</body>
</html>
--之前的回答
可以不用JS,最好的办法是用CSS解决.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>测试</title>
<style type="text/css">
<!--
/*
建立名为a的样式表，注意a前面一定要加"."
*/
.a:hover {
color: #03F;
/*鼠标悬停颜色*/
}
.a:active {
color: #F00;
/*鼠标点击颜色*/
}
.a {
color:%00F;
/* 默认颜色 */
}
-->
</style>
</head>
<body>
<p class="a">如果您把鼠标移动到这里，我的颜色将会变蓝，如果您在这里点击鼠标，我的蓝色将会便红。</p>
<!-- class="a"指定了该p标签内的内容应用上述样式表"a" -->
</body>
</html>
代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>测试</title>
</head>
<body>
<p onmouseover="this.style.color='blue'" onmouseout="this.style.color='black'" onmousedown="this.style.color='red'" onmouseup="this.style.color='blue'">
如果您把鼠标移动到这里，我的颜色将会变蓝，如果您在这里点击鼠标，我的颜色将会便红。
</p>
<p> </p>
</body>
</html>
--之前的回答
可以不用JS,最好的办法是用CSS解决.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>测试</title>
<style type="text/css">
<!--
/*
建立名为a的样式表，注意a前面一定要加"."
*/
.a:hover {
color: #03F;
/*鼠标悬停颜色*/
}
.a:active {
color: #F00;
/*鼠标点击颜色*/
}
.a {
color:%00F;
/* 默认颜色 */
}
-->
</style>
</head>
<body>
<p class="a">如果您把鼠标移动到这里，我的颜色将会变蓝，如果您在这里点击鼠标，我的蓝色将会便红。</p>
<!-- class="a"指定了该p标签内的内容应用上述样式表"a" -->
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
