求个变换CSS背景颜色的JS

Question

假如有2行文字都无背景色， 点第一行的时候第一行变色，点第二行第2行变色，第一行变无色，以此循环，写个简单的JS给个思路吧

Answer 1

这个用jquery很容易实现  网上搜jquery换行变色

Answer 2

这个太简单了，我给你个简单的例子
<?php 
$i=1;
while($i<=10){
echo "<li id='".$i."' onmouserover=\"this.style.backgroundColor='red' \" onmouseout=\"this.style.backgroundColor=''\">第".$i."行</li>";
$i++}
?>这是思路，我没有测试。不对的你自己测试一下。

Answer 3

<?php  
$i=1;
while($i<=10){
echo "<li id='".$i."' onmouseover=\"this.style.backgroundColor='red' \" onmouseout=\"this.style.backgroundColor='' \">第".$i."行</li>";
$i++;}
?>
测试过的

Answer 4

我说的是onclick事件，是点击下去变色不是移到那横才变色，主要是想知道点第二横的时候怎么能让知道以前变色的是那横

Answer 5

<div id="1" onclick="test(this)">第一行</div>
<div id="2" onclick="test(this)">第二行</div>
<script>
var line = 0;//记录上次点击的行id，此段程序中未用到
function test(obj){
line = obj.id;
obj.style.background = "#FF6600";
if(line == "1"){
document.getElementById("2").style.background = "#FFFFFF";
}else{
document.getElementById("1").style.background = "#FFFFFF";
}
}
</script>