html鼠标点击字体变色(html点击改变颜色字体)
如何用html使当鼠标移到某断字上时改变字的大小和颜色
首先需要找到这段字所在的标签,(如p标签)
之后设置当鼠标悬浮在该标签上时的样式,在css样式表中声明选择器 标签:hover(如p:hover)
x:hover为伪类样式,hover表示鼠标悬浮在这一标签上时
最后在{}中添加设置字体大小、颜色的代码(如 color:red;)
------------------
示例:
style type="text/css"
p{
/*原本p标签内字符大小14,颜色黑色*/
color:black;
font-size:14px;
}
p:hover{
/*鼠标悬浮在p标签上时,大小20,颜色红色*/
color:red;
font-size:20px;
}
/style
.......
p放在我上面,我会变色哦/p
----------------------------------------
如果再有疑问请追问
HTML中 点击文字后变色,再点击下一段文字时,下一段文字变色,之前的一段文字颜色恢复原来颜色
html xmlns=""
head runat="server"
title/title
script type="text/javascript"
function HideOrShowFont(obj) {
if (obj == "a1") {
document.getElementById("a1").style.color = "red";
} else if (obj == 'a2') {
document.getElementById("a1").style.color = "blue";
document.getElementById("a2").style.color = "red";
}
}
/script
/head
body
form id="form1" runat="server"
div
a href="javascript:HideOrShowFont('a1')" id="a1"第一段文字/a
a href="javascript:HideOrShowFont('a2')" id="a2"第二段文字/a
a href="javascript:HideOrShowFont('a3')" id="a3"第三段文字/a
/div
/form
/body
/html
html中鼠标放上去怎么可以变色
简单的可以使用:hover
如:p文字/p
p{color:red;}
p:hover{color:green;}
这样鼠标放上,字的颜色就会变成绿色
html超链接,点击后文字变色,再点击下一项时,已点过的颜色怎么再恢复原来颜色?怎么写代码?
使用超链接a标签的伪类,
a:link {color: #FF0000} /* 未访问的链接 */
a:visited {color: #00FF00} /* 已访问的链接 */
a:hover {color: #FF00FF} /* 鼠标移动到链接上 */
a:active {color: #0000FF} /* 选定的链接 */
你只需要使用第一个和第二个,就可以了,设置的颜色一样就可以了。
在html中,鼠标点击改变字体颜色时,"red"?"white":"red"是没有问题,为什么改
js鼠标事件有很多,你所说的是点击事件click,如果鼠标离开变成什么样子应该用onmouseout。
,这里面比较详细,你可以看看