老师 请问您 我有3个DIV 想通过当鼠标分别移动到这3个DIV的时候 第四个DIV背景显示不同颜色

Question

如题所述

Answer 1

<div class="div1" style=" background:#CCC;"><div>
<div class="div1" style=" background:#AAA;"><div>

<div class="div1" style=" background:#EEE;"><div>

<div id="div4"><div>

$(".class").hover(function(){
$("#div4").css("background",$(this).css("background"));
},function(){
$("#div4").css("background","");
})
我这里做的是鼠标移到前面三个DIV上的时候，第四个DIV的背景就显示当前DIV背景的颜色。追问

您看是这样吗 为什么 没效果

追答

$(".div").hover(function () {
$("#div4").css("background", $(this).css("background"));
}, function () {
$("#div4").css("background", "");
});

不好意思刚才写错了， 应该是这样， 你要给DIV一个宽高这样才有效果。

Answer 2

// JavaScript Document
var div4=document.getElementById("div4");
var f1=function(){
div4.bgColor="blue";
};
var f1=function(){
div4.bgColor="black";
};
var f1=function(){
div4.bgColor="red";
};
document.getElementById("div1").onmouseover=f1;
document.getElementById("div2").onmouseover=f2;
document.getElementById("div3").onmouseover=f3;

大概意思是这样 你自己领会~

Answer 3

这个就要用JQUERY去控制它背景颜色了.用HOVER事件就要以解决.当然你要会懂一点.不懂说了也没用~