Question

我来到这个网站，在冲浪时：http://kurdon.com/?lang=en_US 在首页上有一张伊拉克地图，你可以在其中悬停，它会突出显示部分。点击它会将它链接到一个部分的页面。

我在想，他为这个功能使用了什么？它是javascript / jquery，还是类似的东西？

Answer 1

他们只使用javascript作为地图。

在地图的右侧有链接，其中包含：

onmouseover="change_map(1);"

在页面上内联定义的函数：

function change_map(region) {
    var MapItem = document.getElementById("imageRegions");
    var ListItem = document.getElementById("region_" + region);
    MapItem.style.backgroundImage = 'url(/images/region_' + region + '.gif)';
    MapItem.style.backgroundPosition = '0px 0px';
    MapItem.style.backgroundRepeat = 'no-repeat';
    ListItem.style.color = "#D0630A";
    return true;
}

地图区域本身是通过图像地图实现的。

Answer 2

这是一张HTML图片地图，结合了附加到onmouseover和onmouseout事件的javascript效果。

图像地图通过坐标定义区域，javacript改变颜色并应用其他效果。

尝试在Chrome网络开发者工具或firebug中查看页面来源以查看更多内容。

Answer 3

您可以使用HTML图像映射执行此操作，但我不确定它们是否已被弃用。

请参阅：http://en.wikipedia.org/wiki/Image_map#Definition_in_HTML

Answer 4

这只是javascript操纵CSS。

Answer 5

使用地图为我设置JavaScript并为不同区域设置正确的坐标，然后在有人鼠标悬停/鼠标移动时更改颜色

该功能使用什么语言？

5 个答案: