本文介绍了如何使用HTML的图片映射技术将一张图片切割为多个可点击区域，并为每个区域设置不同的链接。这是一种传统但仍然实用的技术，尤其适用于前端开发中按钮较多的设计方案。
一张图片不必切割成各种按钮。做前端的接触的比较少，应该虚心学习……
<img src="images/b.gif" mce_src="images/b.gif" alt="标题" width="685" height="23" border="0" usemap="#Map" /> <map name="Map" id="Map"><area shape="rect" mce_shape="rect" coords="31,1,70,20" mce_coords="31,1,70,20" href="a.lhtm" mce_href="a.lhtm" /> <area shape="rect" mce_shape="rect" coords="92,3,124,20" mce_coords="92,3,124,20" href="#" mce_href="#" /><area shape="rect" mce_shape="rect" coords="112,12,114,14" mce_coords="112,12,114,14" href="b" mce_href="b" /> <area shape="rect" mce_shape="rect" coords="142,2,172,20" mce_coords="142,2,172,20" href="c" mce_href="c" /> <area shape="rect" mce_shape="rect" coords="193,4,221,20" mce_coords="193,4,221,20" href="d" mce_href="d" /> <area shape="rect" mce_shape="rect" coords="249,2,302,18" mce_coords="249,2,302,18" href="e" mce_href="e" /> <area shape="rect" mce_shape="rect" coords="324,1,363,21" mce_coords="324,1,363,21" href="f" mce_href="f" /> <area shape="rect" mce_shape="rect" coords="386,2,416,21" mce_coords="386,2,416,21" href="g" mce_href="g" /> <area shape="rect" mce_shape="rect" coords="438,1,464,19" mce_coords="438,1,464,19" href="h" mce_href="h" /> <area shape="rect" mce_shape="rect" coords="495,2,544,18" mce_coords="495,2,544,18" href="i" mce_href="i" /> <area shape="rect" mce_shape="rect" coords="567,2,612,19" mce_coords="567,2,612,19" href="j" mce_href="j" /> <area shape="rect" mce_shape="rect" coords="636,2,674,24" mce_coords="636,2,674,24" href="k" mce_href="k" /> </map>
扫一扫
315
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
