如何把用map做的超链接下的框框去掉
1个回答
展开全部
去掉html中点击map里area的边框与去掉点击链接时出现的虚线框类似，本文举例来说明去掉点击map里area的边框的两种方法，分享给大家，希望能给您带来帮助。
1
2
3
4
5
6
7
8
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>
1、第一种方法是：在<img> 标签中加入 hidefocus="true"
Html代码
1
2
<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" />
2、第二种方法是：在需要去掉边框的<area> 标签中加入 onfocus="blur(this);" （如果area区域较多，则每个都要加，那就显得有些麻烦了，可以用第一种方法）
Html代码
1
2
3
4
5
6
7
8
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>
1、第一种方法是：在<img> 标签中加入 hidefocus="true"
Html代码
1
2
<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" />
2、第二种方法是：在需要去掉边框的<area> 标签中加入 onfocus="blur(this);" （如果area区域较多，则每个都要加，那就显得有些麻烦了，可以用第一种方法）
Html代码
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
