HTML图片热区map area谷歌浏览器Google去除边框

模板网 2014-09-05

HTML图片热区map area去除边框默认的情况下 在Google浏览器中打开的时候周围会有蓝色的边框。

HTML图片热区map area谷歌浏览器Google去除边框

在area中加入以下代码可以去除边框:

hidefocus="true" onfocus="this.blur();"

完整代码如下:

复制代码 代码如下:
<img src="http://www.120muban.com/statics/images/logo.png" alt="" usemap="#map2">
<map name="map2" id="map2">
<area shape="rect" coords="0,0,100,60" href="###" hidefocus="true" onfocus="this.blur();" alt="">
</map>

效果如下:

HTML图片热区map area谷歌浏览器Google去除边框

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
	<title>HTML图片热区map area谷歌浏览器Google去除边框</title>
</head>
<body>
	<img src="http://www.120muban.com/statics/images/logo.png" alt="" usemap="#map">
	<map name="map" id="map">
		<area shape="rect" coords="0,0,100,60" href="###" alt="">
	</map>

	<img src="http://www.120muban.com/statics/images/logo.png" alt="" usemap="#map2">
	<map name="map2" id="map2">
		<area shape="rect" coords="0,0,100,60" href="###" hidefocus="true" onfocus="this.blur();" alt="">
	</map>
</body>
</html>

相关文章

  1. JS点击页面出现赞效果

    JS点击页面出现赞效果,点击页面任何地方出现随机的数字向上漂浮效果,挺炫的一种效果。 完整代码: 复制代码 代码如下: script src=http://libs.baidu.com/jquery/1.9.0/jquery.js/script script jQuery(document).ready(function($) { $(html,body).click(

  2. input输入框默认文本点击清空,无输入显示效果

    网页上用到表单的地方经常会用到这样的效果,输入框中默认的情况下会有一段引导性的文字,当用户点击输入框的时候默认的文字会被情况,当输入框失去焦点并且用户没用输入内容的时候,再次显示默认文本。 本例中还添加了在不同情况下文本框中的文本颜色不同的

  3. 阻止浏览器调试的代码

    一段阻止浏览器调试的代码。

  4. JS阻止浏览器返回代码

    一段可以阻止浏览器返回的代码,今天无意打开了一个网站,发现怎么也返回不了,仔细研究了一下网站代码找到了无法返回的原因,于是将这段代码提取出来了。 仅供大家学习交流,请勿使用在自己的网站上,这算是一种比较流氓的行为。

  5. nTabs纯JS实现的标签切换功能代码

    nTabs纯JS实现的标签切换功能代码,使用非常方便。

随机推荐

  1. JS点击页面出现赞效果

    JS点击页面出现赞效果,点击页面任何地方出现随机的数字向上漂浮效果,挺炫的一种效果。 完整代码: 复制代码 代码如下: script src=http://libs.baidu.com/jquery/1.9.0/jquery.js/script script jQuery(document).ready(function($) { $(html,body).click(

  2. input输入框默认文本点击清空,无输入显示效果

    网页上用到表单的地方经常会用到这样的效果,输入框中默认的情况下会有一段引导性的文字,当用户点击输入框的时候默认的文字会被情况,当输入框失去焦点并且用户没用输入内容的时候,再次显示默认文本。 本例中还添加了在不同情况下文本框中的文本颜色不同的

  3. 阻止浏览器调试的代码

    一段阻止浏览器调试的代码。

  4. JS阻止浏览器返回代码

    一段可以阻止浏览器返回的代码,今天无意打开了一个网站,发现怎么也返回不了,仔细研究了一下网站代码找到了无法返回的原因,于是将这段代码提取出来了。 仅供大家学习交流,请勿使用在自己的网站上,这算是一种比较流氓的行为。

  5. nTabs纯JS实现的标签切换功能代码

    nTabs纯JS实现的标签切换功能代码,使用非常方便。