Question

javascript 两个css样式互换

<div class="symptom_list center">
<ul>
<li>我是<center><img src="img/symptom_li_img.gif" /></center></li>
<li>我<center><img src="img/symptom_li_img.gif" /></center></li>
<li>我<center><img src="img/symptom_li_img.gif" /></center></li>
<li class="add_li">毛孔粗大<center><img src="img/symptom_li_img_red.gif" /></center></li>
</ul>
</div>
就是在鼠标经过时li增加class 'add_li' 样式,用纯javascript 怎么表达

Answer 1

你们都OUT了，纯CSS就可以解决的，一行样式搞定：
可以使用标签的 hover 样式给元素定义鼠标划过时的样式的。
以你代码为例：
.symptom_list center li:hover{这里添加add_li的样式就可以了}
不仅可以切换样式，切换背景图也一样，不用脚本也可以做出两张图的切换效果。

Answer 2

var myNode = document.getElementsByClassName('symptom_list center');
var myLIst = myNode[0].getElementsByTagName('li');
myList[0].onmouseover = function(){ this.className += " add_li"};
可能有错误，不过大体意思是这样

Answer 3

window.onload=function()
{
var oUl=document.getElementsByTagName('ul')[0];
var aLi=oUl.getElementsByTagName('li');
for(var i=0;i< aLi.length;i++)
{
aLi[i].onmousemove=function()
{
for(var i=0;i<aLi.length;i++)
{
aLi[i].className=' ';
}
this.className='add_li';
}
}
}

追问

那图片怎么换?因为变换样式的同时还需要换标签的图片

Answer 4

用JQUERY算了，JS已经淘汰了