html鼠标点击变色,在点击变回来(html鼠标经过变色)
html超链接，点击后文字变色，再点击下一项时，已点过的颜色怎么再恢复原来颜色？怎么写代码？
使用超链接a标签的伪类，
a:link {color: #FF0000} /* 未访问的链接 */
a:visited {color: #00FF00} /* 已访问的链接 */
a:hover {color: #FF00FF} /* 鼠标移动到链接上 */
a:active {color: #0000FF} /* 选定的链接 */
你只需要使用第一个和第二个，就可以了，设置的颜色一样就可以了。
HTML中 点击文字后变色,再点击下一段文字时,下一段文字变色，之前的一段文字颜色恢复原来颜色
用了js原生写法：
!DOCTYPE?html
html?lang="en"
head
????meta?charset="UTF-8"
????titleDocument/title
/head
body
????div?id="container"
????????p第一段文字/p
????????p第二段文字/p
????????p第三段文字/p
????/div
????script?type="text/javascript"
????window.onload?=?function()?{
????????var?ele?=?document.getElementById("container");
????????ele.addEventListener("click",function(e)?{
????????????var?arr?=?document.getElementsByTagName("p");
????????????for?(var?i=0;?iarr.length;?i++)?{
????????????????arr[i].style.color?=?"#000";
????????????}
????????????e.target.style.color?=?"red";
????????});
????}
????/script
/body
/html
html点击变色再点击变回来
$('123 li').click(function(){
if($(this).css('backgroundColor')=='rgb(255, 255, 0)'){
$(this).css('background','red');
}else{
$(this).css('background','yellow');
}
})
注意 rgb(255，空格255,空格0)
html点击文字变色 再次点击就恢复点击前的颜色
你用下面的代码试试，怎么可能没反应，我测试都通过了：
style type="text/css"
.over {color:#000000; background: #fcc546}
.down {color:#000000; background: #fcc444; font-style: italic}
/style
table id="Table3"
tr
td align="middle" bgcolor="#fefef5" class="noball" onclick="chg(this); " width="25" aaa
/td
tr
/table
script type="text/javascript"
function chg(obj){
if(obj.className != "over"){
obj.oldClass = obj.className; // 暂存原来的class，用于恢复
obj.className = "over";
}else if(obj.oldClass){
obj.className = obj.oldClass; // 暂存原来的class，用于恢复
}
}
/script