Question

如何用js使鼠标放在某个区域，里面的图片和文字发生改变？

上图是我写的js，下图是我要的效果，一个<a>包裹一条新闻；
鼠标移上<a>的区域图片切换，标题变色。
如果像我用getElementById的话只有第一个能变。
有什么办法解决？求完整代码，谢谢
只有20财富全给了





Answer 1

会用jquery么 看图 这四个模块可以共用一套样式对么 假设这个样式的名字为 .abc
$(".abc").hover(function(){
$(this).find("a")//这样能定位到这个 模块中的 a标签 然后 给他 addClass
},function(){
$(this).find("a")//removeClass("样式名称")
})

追问

你写的我明白，四个模块是共用一套样式的，但是这一套里面有两个样式，就是.abc是控制图片的，.def是控制标题的，那如何用标签的hover来使两个样式同时改变呢？这才是我不懂的地方。。。

Answer 2

把方法里面的ID作为参数传进去，调用的时候onmouseover="mouseover(this.id)" id="msg_xxx"把xxx换成对应的数字或字母，out事件也一样的处理

追答

手机不好敲代码

在方法里面还原所有非当前行的样式

Answer 3

上传一下这个页面的完整代码

追问

这是html部分的，js和css在上面，其他都是无关的了

追答

我实在是不想一个一个敲，写了个例子，你看看能明白不？
http://jsfiddle.net/t3tnx9jb/