img标签的ismap 属性

<a href="test.aspx"> <img src="test1.gif" ismap="ismap" /> </a>

  将以上内容拷贝到测试html页中,其中a的href属性指向你要处理ismap所传递的参数的页面,如果是个人测试,href最好写当前网页的地址。(注:务必给<img />标签追加一个父级的<a>标签,否则你将无法查看传递的坐标)

  ismap被称作“服务器端图像映射”,简单来说,它可以给你传递当前图片的x、y坐标(鼠标点击处的坐标,相对于图像的左上角而言)。

  如果想偷点懒,点此链接:http://www.w3school.com.cn/tags/att_img_ismap.asp,在网页中找到“亲自试一试”或者“TIY”,单击会打开一个新页面,这是W3School提供的测试页面,单击右侧图片的随便一个位置,然后,你会发现,它返回了你所点击位置的坐标(图像左上角坐标为0,0)。

  这种方式并不直观,如果想知晓ismap传递来的属性以及名称是什么,需要自己写代码测试。测试过程中观察地址栏即可,你会看到类似的地址:test.aspx?135,109

  135,也就是第一个数字是X坐标,109,是Y坐标。OK,搞定,这就是ismap传来的坐标参数。

  关于这个属性的实用性,不作解释,笔者只是出于兴趣。如果我们想在图片中人为制造一个热点,比如一幅图片中有一个茶杯,我们想给茶杯设置一个可单击的热点链接,链接到百度来搜索,那么可以使用img标签的另一个属性:usemap。usemap必须有<map>嵌套的<area>标签配套使用,才能发挥作用。而关于<map>标签的使用,可参考W3School,这里就不赘述了。

 
posted @ 2015-01-12 16:15  泽塔考拉  阅读(979)  评论(0编辑  收藏  举报