<!DOCTYPE?html>
<html>
<head>
<meta?charset="UTF-8">
<title></title>
<script?src="../jquery-1.12.2.min.js"></script>
</head>
<body>
<table?width="234"?height="77"?border="1">
??<tr?align="center"?id="tr1"?onMouseOver="over(this.id)"?onMouseOut="out(this.id)">
????<td?width="52"> </td>
????<td?width="65">商品</td>
????<td?width="95">價格（元）</td>
??</tr>
??<tr?align="center"?id="tr2"?onMouseOver="over(this.id)"?onMouseOut="out(this.id)">
????<td>A商場</td>
????<td>S商品</td>
????<td>100</td>
??</tr>
??<tr?align="center"?id="tr3"?onMouseOver="over(this.id)"?onMouseOut="out(this.id)">
????<td>B商場</td>
????<td>S商品</td>
????<td>80</td>
??</tr>
</table>
<script>
function?over(trname){
????console.log("over")
????$(trname).css({background:"#0000FF",color:"#FFFFFF"})
????//eval(trname).style.backgroundColor="0000FF";
????//eval(trname).style.color="FFFFFF";
}
function?out(trname){
????console.log("out")
????eval(trname).style.backgroundColor="FFFFFF";
????eval(trname).style.color="000000";
}
</script>
</body>
</html>
4 回答
午后苦咖啡
TA貢獻3條經驗 獲得超1個贊
<script>
function over(trname){
? ? console.log("over")
? ? $("#"+trname).css({background:"#0000FF",color:"#FFFFFF"})?;
}
function out(trname){
? ? console.log("out")
? ? ?$("#"+trname).css({background:"#fff",color:"#000"});
}
</script>
瘦駝
TA貢獻3條經驗 獲得超1個贊
jquery選擇器和css選擇器一致，少了“＃”。
$("#"+trname).css({"background-color":"#00F","color":"#FFF"});
- 4 回答
- 0 關注
- 1641 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消