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 怎么表达
还要把图片换一下
src="img/symptom_li_img.gif"换为src="img/symptom_li_img_red.gif"

Answer 1

使用jquery吧
去网上下载个jquery.js
引用后就能使用jquery了
css使用内联或者外部样式表定义class样式
然后使用jquery添加、移除class于元素
鼠标经过添加样式，鼠标移除移除样式jquery代码，并且改变图片
$('li').hover(function(){
$(this).addClass('add_li');
$(this).children('img').attr('src','img/symptom_li_img_red.gif');

},function(){
$(this).removeClass('add_li');
$(this).children('img').attr('src','img/symptom_li_img.gif');
});

Answer 2

.add_li:hover{样式} 图片的话没办法 只能脚本控制！ 如果是背景图的话！就还是←那方法！

Answer 3

yourDiv.className = "newClassName";
yourImg.src = "yourImgSrc";

Answer 4

onmouseout="this.className='add_li'" onmouseover="this.className=''"

追问

那img怎么办?

追答

照样子修改this.src=''，应该是可以的