• 本网站主要是学习分享,个人资源收藏,互动信息交流,欢迎留言
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

一个简单的HTML图片坐标链接代码

我的作品 毛玉毛 1965次浏览 已收录 0个评论

 

先上代码:

<img src=”/upload/image/20160606/20160606175720152015.jpg” usemap=”#planetmap” alt=”Planets” border=”0″ />
<map name=”planetmap” id=”planetmap”>
<area shape=”circle” coords=”136,238,72″ href=”/display.asp?id=661″ target=”_blank” alt=”1″ />
<area shape=”circle” coords=”316,238,72″ href=”/display.asp?id=661″ target=”_blank” alt=”2″ />
<area shape=”circle” coords=”500,238,72″ href=”/display.asp?id=661″ target=”_blank” alt=”3″ />
</map>

 

 

<img src=”/upload/image/20160804/20160804085831163116.jpg” usemap=”#planetmap” alt=”Planets” border=”0″ />
<map name=”planetmap” id=”planetmap”>
<area shape=”rect” coords=”0,0,328,253″ href=”/info.asp?base_id=9″ target=”_blank” alt=”1″ />
<area shape=”rect” coords=”668,0,1002,249″ href=”/xundan.asp” target=”_blank” alt=”2″ />
<area shape=”rect” coords=”327,0,667,505″ href=”/info.asp?second_id=9003″ target=”_blank” alt=”3″ />
<area shape=”rect” coords=”0,251,330,505″ href=”/info.asp?base_id=3″ target=”_blank” alt=”4″ />
<area shape=”rect” coords=”669,252,1004,477″ href=”/info.asp?second_id=1002″ target=”_blank” alt=”5″ />
</map>

 

 

代码效果网站:xinyan2010.com

这段代码是用来标注在图片的某个位置坐标,半径多少,有个区域是链接,点击就可以链接到相应的位置网页。

 

QQ截图20160606195224


毛家二毛 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明一个简单的HTML图片坐标链接代码
喜欢 (1)
[13512347997]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址