① js 单击选中td 使td变化背景颜色
献上微薄之力
<html>
<head>
<title>changeTdColor</title>
<style>
table,td{
border:1px solid black;
border-collapse:collapse;
}
td{
border:1px solid black;
border-collapse:collapse;
width="30px";
height="15px";
}
</style>
<script>
function changeColor(obj){
var bgColor = Math.floor(Math.random()*255*255*255);
obj.style.backgroundColor = bgColor;
}
</script>
</head>
<body>
<table>
<tr>
<td onClick="changeColor(this)">1</td>
<td onClick="changeColor(this)">2</td>
<td onClick="changeColor(this)">3</td>
</tr>
<tr>
<td onClick="changeColor(this)">4</td>
<td onClick="changeColor(this)">5</td>
<td onClick="changeColor(this)">6</td>
</tr>
<tr>
<td onClick="changeColor(this)">7</td>
<td onClick="changeColor(this)">8</td>
<td onClick="changeColor(this)">9</td>
</tr>
</table>
</body>
</html>
② jquery 实现checkbox选中颜色改变
1、首先用hbuilder编辑器新建一个html文件，里面设置一个input框并设置它的tpye属性为checkbox，设版置name属性为checkbox，同时在上方设置一权个bgred的样式备用：
③ javascript 双击选中tr（行）变背景颜色
<javascript>
function changecolor(obj)
{
obj.style.backcolor='red';
}
</javascript>
str += "<tr ondbclick='changecolor(obj)'>"; //行的循环
大概就这意思，手写的版没经测试权
④ 各位大神，请问如何用jquery或js实现：选中tr 并改变背景色
但tr被点击后，添加一个class属性（如clicked）。
为这个class添加第三种颜色的css背景。
.clicked{
background-color:#xxx;
}
mouseout和mouseover事件版发生，先判断tr的class属性里有没有点权击后添加的属性。
如
$().mouseout(function(){
if(this.classname == 'clicked')
{
}
else
{
}
});
这种思路
⑤ JS 点击改变颜色
document.getElementById(id).style.color = '颜色值';
你的只是点到style这里，你要再点到color这里才行。
⑥ js鼠标点击变颜色
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>Document</title>
</head>
<body>
<divonclick="cbg()"style="width:200px;height:200px;border:1pxsolidred;">
<ahref=""id="tr">a</a>
<ahref="">b</a>
</div>
</body>
<script>
functioncbg(){
document.getElementById('tr').style.backgroundColor="#222";
}
</script>
</html>
⑦ js 点击后变换颜色
window.onload=function(){
varoDiv=document.getElementById("tab");
varoLi=oDiv.getElementsByTagName("div")[0].getElementsByTagName("li");
varaCon=oDiv.getElementsByTagName("div")[1].getElementsByTagName("div");
vartimer=null;
for(vari=0;i<oLi.length;i++){
oLi[i].index=i;
oLi[i].onclick=function(){
show(this.index);
}
}
functionshow(a){
index=a;
varalpha=0;
for(varj=0;j<oLi.length;j++){
oLi[j].className="";
//加入这句即可
oLi[index].style.backgroundColor="transparent";
aCon[j].className="";
aCon[j].style.opacity=0;
aCon[j].style.filter="alpha(opacity=0)";
}
oLi[index].className="cur";
//加入这句即可
oLi[index].style.backgroundColor="blue";
clearInterval(timer);
timer=setInterval(function(){
alpha+=2;
alpha>100&&(alpha=100);
aCon[index].style.opacity=alpha/100;
aCon[index].style.filter="alpha(opacity="+alpha+")";
alpha==100&&clearInterval(timer);
},5);
}
}
⑧ js实现选中复选框文字变色的方法
本文实例讲述了js实现选中复选框文字变色的方法。分享给大家供大家参考。具体如下：
这里实现选中复选框时，文字加上一个背景色，变通一下，还是很有用的。
运行效果如下图所示：
在线演示地址如下：
http://demo.jb51.net/js/2015/js-checkbox-cha-font-color-codes/
具体代码如下：
<html>
<head>
<title>选中复选框文字变色</title>
<style>
.checkbox
{
background-Color:e-xpression(this.checked?'yellow':'buttonface');
}
</style>
</head>
<script>
function
chaCloor(field){
var
pig
=
field.checked;
pig?field.nextSibling.style.backgroundColor="skyblue":field.nextSibling.style.backgroundColor="white";
}
</script>
<body>
<table
height=48
width=136>
<tr>
<td><input
type="checkbox"
onClick="chaCloor(this)"><span>网页特效</span></td>
</tr>
<tr>
<td><input
type="checkbox"
onClick="chaCloor(this)"><span>源码下载</span></td>
</tr>
<tr>
<td><input
type="checkbox"
onClick="chaCloor(this)"><span>编程软件</span></td>
</tr>
</table>
</body>
</html>
希望本文所述对大家的javascript程序设计有所帮助。
⑨ js怎么实现选中后，图标和文字都变色
1、逻辑很简单，如果是图片的话，就是不停地换图片。比如点击女之后专，女这块图片变成绿属色图片，男那边图片变成黑色图片。
2、如果用符号做逻辑也是一样的，点击之后两个项目都变色，一个变成绿色、另一个变成黑色。
3、具体的JavaScript代码如下图所示。
⑩ js选中变色求指导
你这是滑动过去变色,这种事情还是用JQ写吧