一张图片做局部链接的功能,一张图片,点击不同的区域跳转到不同的页面,类似地图的效果

<img src="img/7_5.jpg" usemap="#mymap" height="400" width="400" align="center">
		<map name=mymap>
		<area shape = "rect" coords="0,0,200,200" href="test9_1.html" />
		<area shape="rect" coords="0,200,200,400" href="test9_2.html"/>
		<area shape = "rect" coords="200,0,400,100" href="test9_3.html" />
		<area shape = "rect" coords="200,200,400,400" href="test9_4.html"/>
		</img>

img中的usemap属性:usemap里将图像定义为客户器端图像映射。
area将图片分割为不同区域。

随手记一个小案例
                                                                                                          --------实训日记,来自wg

猜你喜欢

转载自blog.csdn.net/ok3356/article/details/80806437