Question

jquery 鼠标放到网页热区上 热区显示不同的颜色 该怎么弄

jquery 鼠标放到网页热区上 热区显示不同的颜色 该怎么弄 哪位大神会啊

Answer 1

大体思想如下：
$(".requ").hover(function(){
$(this).css("background","red");
$(this).siblings(".requ").css("background","gray");
})

追问

大神这个具体怎么弄啊 我菜鸟

追答

简单点讲，你可以给每个热区添加个不同的class或者id，鼠标移动到上面的时候，也就是hover的时候，这个class或者id的热区就附加一个颜色样式，而其他热区就恢复到默认的颜色。

追问

用的是JS鼠标时间吗

事件

追答

用的是jquery的hover事件。也就是鼠标移动到此区域的上方的事件。hover也叫热点事件啊。

追问

那大神 我在HTML代码里要怎么写呢

追答

引入jquery库啊。
然后：
$(function(){
$(".requ").hover(function(){
$(this).css("background","red");
$(this).siblings(".requ").css("background","gray");
})
})
结合你的需求改动即可。

追问

不是这个 我是说 我在热区的代码里怎么写hover

追答

$("指定class变色").css("background","red");
$("指定其余class变色").css("background","gray");

追问

大神能加下你企鹅吗

追答

QQ人数已满，不好意思，你还没懂么？

追问

还是不太明白

追答

追问

我做出来一个 麻烦你看下

追答

写错了两点：

$("#r2");
siblings("#r1")；
而且map的area，并不支持背景色的。

追问

那这个要怎么改呢

追答

再附加一层div在上面，用position：absolute定位正好覆盖在上面，改变此div的颜色。
或者直接div就有颜色，设置显示或隐藏即可。

追问

主要是div没有多边型啊

追答

那估测得用svg等技术了，这个我也不太懂。