在MVC HTML5中选择图像的点

时间:2013-05-12 10:09:09

标签: html5 asp.net-mvc-4

我在网页上有一个图像(这是一个带有HTML5标记的MVC4网络应用程序)。图像是地图,我想这样做,当我点击地图的某个区域时,我发回给控制器,它被点击了。最好的方法是什么?感谢

1 个答案:

答案 0 :(得分:1)

http://www.javascriptkit.com/howto/imagemap.shtml 示例HTML: -

<img src="a.jpg" width="300" height="100" alt="Planets" usemap="#planetmap">
<!-- "rect" coords Top right and bottom left -->
<map name="planetmap">
  <area shape="rect" coords="0,0,100,100" href="javascript:a(1)" alt="Sun">
  <area shape="rect" coords="100,0,200,100" href="javascript:a(2)" alt="Mercury">
  <area shape="rect" coords="200,0,300,100" href="javascript:a(3)" alt="Venus">
</map>

<script>
function a(i){
    alert(i)
}
</script>

在javascript中,您可以执行ajax或提交表单或转到页面...