一张图片添加多个超链接代码 添加超链接代码

一张图片添加多个超链接代码

先来试试上图的效果，点击上图的不同位置区域，您将进入不同的网页，体验一下吧，是不是很好玩？

非常好的超级链接！在一张图片上任意位置可添加多个超级链接。上图就是把图片均匀的分成了四个区域(在图片上点鼠标右键可浏览超链接区域)，每个区域的超链接对象又各不一样。

代码分享：

<IMGtitle=涛涛江水欢迎您! alt=涛涛江水欢迎您!src ="http://pic.aIhUAu.cOm/img/2015/10/19/6dd7f2f5gc01318e99a08214228.jpg&690"width=652 height=500useMap=#ttjs2012><MAPname=ttjs2012><AREAhref="http://blog.sina.com.cn/s/blog_6dd7f2f501014shb.html"shape=recttarget=blankcoords=0,0,326,250><AREAhref="http://blog.sina.com.cn/ttjs2012" shape=rect target=blankcoords=326,0,652,250><AREAhref="http://blog.sina.com.cn/s/articlelist_1842868981_0_1.html"shape=rect target=blank coords=0,250,326,500><AREAhref="http://blog.sina.com.cn/s/articlelist_1842868981_0_2.html"shape=rect target=blank coords=326,250,652,500></MAP>

代码说明：

图片：高height、宽width 按你需要调整图片大小。

红色字是超级链接定位值：coords=左边框值,上边框值,右边框值,下边框值