javascript - 如何向图像 map 坐标添加弹出显示?

标签 javascript jquery html css imagemap

我想要弹出窗口,其中包含有关我的图像 map 坐标的信息。我已经设置了图像映射并且工作正常,但我似乎无法合并弹出窗口,无论是 jQuery 还是仅使用 CSS。

一个示例图像映射坐标线是:

<area shape="rect" coords="2,44,250,108" href="http://blah.com" alt="test alt" title="test title" />

我试着把代码放进去

<span class="dropt" title="title">Above area shape line here
<span style="width:500px;">Pop-up text</span>
</span>

使用了 css 但没有用。

我也尝试了 jQuery 并让弹出窗口可以处理文本和单个图像,但是是否可以使用图像映射坐标来实现?

谢谢,

最佳答案

到你所在的区域,在 openPopup u 上将你的 href="http://blah.com"更改为 javascript:alert('hello')"或 "javascript:openPopup()"或任何适合你的内容必须首先为此定义一个脚本。

关于javascript - 如何向图像 map 坐标添加弹出显示?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18744050/

相关文章:

javascript - 无法让对话框以编程方式在 JQuery Mobile 中显示

javascript - ES6 裸导入 : How to use, 什么时候?

javascript - JavaScript 代码中的语法错误

javascript - 使用RSelenium登录一个用<td>写的网站

html - 在 table.th.tr 和 table.tbody.tr 中为两种类型的表选择 th

Javascript nodejs 繁琐的 mssql 有没有办法获取 json?

javascript - 通过标签输入下拉搜索

javascript - Skrollr 前 3 部分表现良好,然后就不再表现良好

javascript - 使用箭头键导航表格单元格并忽略禁用的单元格

c# - 在标签中显示换行符