一张图片进入两个网址访问

最新推荐文章于 2025-08-03 17:04:05 发布

原创最新推荐文章于 2025-08-03 17:04:05 发布 · 871 阅读

0 ·

CC 4.0 BY-SA版权

HTML 专栏收录该内容

6 篇文章

订阅专栏

本文展示了如何通过Map-Area技术将一张图片分割为多个部分并设置不同的链接，实现图片上的导航功能。

<img width="189" height="37" border="0" usemap="#Map"src="img/inlogo2.jpg">

 	<map id="Map" name="Map">
		<area onfocus="blur()" target="_blank" href="http://www.10010.com"
					coords="1,2,74,37" shape="rect">
		<area onfocus="blur()" target="_blank"
					href="http://www.longone.com.cn" coords="81,4,188,37" shape="rect">
	</map>

其实这张图片是两张图片结合在一起的，但是可以通过map - area进行分割，然后设置链接，进行访问。