javascript - 此功能使用什么语言?

标签 javascript hover

我在网上冲浪时访问了这个网站:http://kurdon.com/?lang=en_US 在首页上有一张伊拉克 map ,您可以将鼠标悬停在其中,它会突出显示各个部分。单击它,将其链接到某个部分的页面。

我在想,他用这个功能做什么?是 javascript/jquery 还是类似的东西?

最佳答案

他们只使用 javascript 制作 map 。

在 map 的右侧有包含以下内容的链接:

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;
}

map 本身的区域由图像 map 实现。

关于javascript - 此功能使用什么语言?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8619676/

相关文章:

javascript - 使用 JavaScript 将光标放在文本输入元素中的文本末尾

jquery - 条件悬停的问题 - jQuery

hover - 使用 JointJS 检测悬停

javascript - 删除sequelize中的单引号原始查询

javascript - cssRules 无法读取多个样式表类属性值

javascript - 使用纯 Javascript 切换 HTML5 视频静音

jQuery + CSS + IE 问题 : hidden elements appear briefly when page is loading

jquery - 保留 CSS :hover After jQuery CSS Changes

jquery - 用于悬停背景颜色更改的 jQuery 绑定(bind)处理程序的 Knockout 在 IE8 中不起作用

javascript - 为由 block 制成的柱子创建墙