html ismap不显示坐标

时间:2016-06-04 15:00:19

标签: html html5

我正在接受关于udemy的html课程,导师已经展示了以下内容。

<a href="#">
<img src="html.png" width="400" height="250" ismap>
</a>

当他这样做然后滚动图像时,它会在屏幕的左下方显示坐标,但是当我输入以下内容时,

<a href="http://creepypasta.wikia.com/wiki/The_Russian_Sleep_Experiment" target="new"><img title="Russian Sleep Experiment" src="http://scaredyet.net/wp-content/uploads/2015/02/timthumb-600x300-520x245.jpg" alt="Russian sleep experiment" align="left" width="300" height="200" ismap></a>

当我滚动它时,它不显示坐标。我一直在寻找,我找不到答案。提前致谢

编辑:我也不明白为什么图像仍在显示,即使他用一个&#34;#&#34; 请指教

2 个答案:

答案 0 :(得分:1)

大家好我通过将浏览器从chrome切换到IE,解决了左下角没有看到坐标的问题。如果您遇到同样的问题,请尝试使用

答案 1 :(得分:0)

ismap用于显示单击图像时附加URL的坐标。

您的代码有效,请在此小提琴中查看:https://jsfiddle.net/mbpv1kyq/

当您点击图像时,您将被引导图像的原始网站,其中您点击的(x,y)坐标会附加到URL的末尾,如下所示:

http://creepypasta.wikia.com/wiki/The_Russian_Sleep_Experiment?96,58

96,58 将是您点击的位置。

至于

  

当他这样做然后滚动图像时,它会在屏幕左下方显示坐标

他最有可能使用Paint或其他类似程序在他徘徊时读取坐标,他设置了一些JavaScript函数来读取当前鼠标坐标。 HerePaint的屏幕截图,您可以在左下方看到坐标。

至于

  

我也不明白为什么图像仍在显示,即使他用“#”替换它

#符号通常用于页内链接。它不会使img消失,但是当你点击它时它会破坏你的链接,因为它没有引用任何东西。

以下是一些可帮助您更好地理解ismap的参考资料:

W3 ismap

tutorialspoins ismap