javascript - Jquery Maphilight : want to add simple new features

标签 javascript jquery imagemap

我是 Jquery 的初学者,所以这些问题应该很容易回答。我想修改 map 高亮脚本 ( http://plugins.jquery.com/project/maphilight ) 以添加 2 个功能:

  • 问题 1。我希望能够通过按住鼠标按钮来突出显示某些区域,而不必单击然后释放按钮。

这是代码的相关部分:

$.fn.maphilight = 函数(opts) { opts = $.extend({}, $.fn.maphilight.defaults, opts);
返回 this.each(function() { 鼠标点击 = 函数(e,id) { ...}

// MY CHANGES
mouseover = function(e, id)
{
    if(pressed)
    mouseclick(e,id)
}

我尝试在 mouseover 中调用 mouseclick 函数,但它没有突出显示任何内容。我可能没有以正确的方式调用该函数?

  • 问题 2。我希望能够在按下按钮后更改用于突出显示区域的颜色。

谢谢

最佳答案

我也遇到了同样的问题。

我最终扩展了插件以允许点击。您可以在此处获取该代码:

https://github.com/thekevinscott/maphilight

您需要做的就是在选项中传递一个附加参数“stayClicked”,将其设置为 true。随后, map 上的任何点击都会突出显示这些区域。

至于你的第二点……不确定。您可能需要自己稍微修改一下插件。

关于javascript - Jquery Maphilight : want to add simple new features,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3599017/

相关文章:

javascript - 努力设置逻辑以在 express.js (node.js) 中显示详细页面

javascript - 从 php 表单提交调用 javascript 函数

javascript - 如何使用 Javascript 触发附加到 DOM 的元素上的 CSS3 转换?

php - Jquery刷新div

c# - 你如何在带有母版页的 asp.net 中使用图像映射控件

css 响应式背景图片贴图

Javascript 将日期和时间连接在一起

javascript - 为什么 JSON.parse ('{"key": "value" }') do just fine but JSON.parse(' {key : "value" }') doesn' t?

Kendo 模板内的 Javascript 给出了错误的结果

JavaScript 位置/方向计算