① 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寫吧