如何去掉html中点击map里area的边框?

发布时间:2020-06-21编辑:脚本学堂
去掉html中点击map里area的边框与去掉点击链接时出现的虚线框类似,本文举例来说明去掉点击map里area的边框的两种方法,分享给大家,希望能给您带来帮助。

Html代码
 

复制代码 代码示例:
1.<html>
2.<body>
3.<img src="pic.jpg" width="134" height="115" border="0" usemap="#Map" hidefocus="true" />
4.<map name="Map" id="Map">
5.<area shape="poly" coords="44,44,61,40,77,45,95,55,105,66,57,76,16,62,32,58,27,55,40,50" href="link_to.html"  />
6.</map>
7.</body>
8.</html>
 

★第一种方法是:在<img> 标签中加入 hidefocus="true"
Html代码
 

复制代码 代码示例:
<img src="pic.jpg" width="134" height="115" border="0" usemap="#Map" hidefocus="true" />
<img src="pic.jpg" width="134" height="115" border="0" usemap="#Map" hidefocus="true" />
 

★第二种方法是:在需要去掉边框的<area> 标签中加入 onfocus="blur(this);" (如果area区域较多,则每个都要加,那就显得有些麻烦了,可以用第一种方法)
Html代码
 

复制代码 代码示例:
<area shape="poly" coords="44,44,61,40,77,45,95,55,105,66,57,76,16,62,32,58,27,55,40,50" href="link_to.html" onfocus="blur(this);" />
<area shape="poly" coords="44,44,61,40,77,45,95,55,105,66,57,76,16,62,32,58,27,55,40,50" href="link_to.html" onfocus="blur(this);" />