我使用基本的 map 和 area 标签创建了图像 map 。
我已经测试了 map ，所有区域的行为都符合预期，因此 HTML 绝对是正确的。
我现在尝试使用 JQuery 来获取 map 图像(源)在悬停和/或单击时根据不同区域的变化。通过这种方式，我希望获得一种“交互式” map ，显示 map 上不同地点的连接方式。
我定义的所有区域都有一个唯一的 ID。
这是我用于点击版本的脚本:
$(document).ready(function() {
$('#area1').click(function() {
$('#londonmap').css('src', 'area1map.png');
});
});
#area id 名称根据悬停的区域而变化，而 #londonmap 是用作 map 的图像的 ID，其来源需要根据您悬停/点击的区域而变化.
我不是 JQuery 专家，所以我需要问 - 我做错了什么？
最佳答案
'src' 不是一个 CSS 属性，而是 <img> 的一个属性。标签。
$(document).ready(function() {
$('#area1').click(function() {
$('#londonmap').attr('src', 'area1map.png');
});
});
关于JQuery 在单击和/或悬停在 <area> 上时更改 <map> 图像源 - 我做错了什么？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10687932/