Question

关于div和css的问题，请大神帮帮忙啊！我想实现鼠标悬浮在一个div上另一个div变色，具体如何实现呢？

下面是我网站的截图
没有积分了 5分有点少，但是请不要介意啊 真的很着急，帮帮忙

Answer 1

今天刚弄这个！我用的JQ，
$().hover(function(){
$(this).css().siblings().css();
});
重点在siblings()，会选中同辈的其它标签。

追问

大神，能具体一点吗 我对js不了解~

追答

首先你得引入JQ库，在head标签插入

然后在另一个script标签里写JQ代码，假设你的DIV的class为abc，那就这么写

$('.abc').hover(function(){
$(this).css({'background-color':'#f00','color':'#fff'}).siblings().css({'background-color':'#00f','color':'#000'});

});

这样配合上你得HTML标签显示的效果就是：鼠标悬停的DIV背景颜色为红色字为白色，而它同级的其它DIV的背景颜色为蓝色字为黑色。

追问

JQ库在哪找呢？

追答

百度大把！做网页技术要学会百度啊！

Answer 2

这就是鼠标悬在div1上的时候div2背景变红色

div1:hover div2{
background:red;
}

追问

我用的是循环，所以那些div的名字是一样的，这样该怎么控制额？

追答

直接给该div分配一个id或者class再设也可以