地图和悬停在省份,显示有关该特定省份的信息

时间:2016-12-15 07:29:42

标签: jquery css svg

位于此链接的底部: http://www.offerkhan.com/control4 你可以看到一个包含许多省份的地图的部分。我打算有一个代码,通过悬停在每个省,一个信息部分在该部分的右侧可见。考虑到我在wordpress平台上并使用ENFOLD主题。 TNX。

1 个答案:

答案 0 :(得分:1)

虽然您提供了一个非常弱的问题(供将来参考,但您可能需要查看this help article),根据我的理解,您希望在悬停在其他内容时显示一些信息。

非常简单地使用jQuery,你可以给每个"省"一个唯一的id(例如id="province2"),然后当您将鼠标悬停在特定的"省"时使用以下jQuery来更改文字:

$('#1').hover(function(){
$('.info').text('Here is a whole lot of interesting information about the first button (Info #1) that you just hovered!');
});

$('#2').hover(function(){
$('.info').text('Here is a whole lot of interesting information about the second button (Info #2) that you just hovered!');
});

简单地说,当您将鼠标悬停在div上时,它会更改另一个div中的文本。

在此查看完整的工作示例:
Example

这可能不是您正在寻找的,因为您的问题是如此模糊,但希望它会指出您正确的方向。