我正在接受关于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; 请指教
答案 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
函数来读取当前鼠标坐标。 Here是Paint
的屏幕截图,您可以在左下方看到坐标。
至于
我也不明白为什么图像仍在显示,即使他用“#”替换它
#
符号通常用于页内链接。它不会使img
消失,但是当你点击它时它会破坏你的链接,因为它没有引用任何东西。
以下是一些可帮助您更好地理解ismap
的参考资料: