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>

随机推荐

jquery实现的tab切换
1、jQuery能够使用户的html页保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需定义id即可。下面跟大家分享一个jquery的tab切换 2、如何使用调用jquery文件 script type=text/javascript src=jquery.js/script jquery实现ta
从腾讯网提取的判断手机端访问跳转代码
从腾讯网提取的判断手机端访问跳转代码，使用了一个正则表达式来判断浏览器的navigator.userAgent标志，来确认访问终端，从而做出相应的操作。代码简单，注释详细，容易理解。复制代码代码如下: script type=text/javascript if(/Android|Windows Phone|w
input输入框默认文本点击清空，无输入显示效果
网页上用到表单的地方经常会用到这样的效果，输入框中默认的情况下会有一段引导性的文字，当用户点击输入框的时候默认的文字会被情况，当输入框失去焦点并且用户没用输入内容的时候，再次显示默认文本。本例中还添加了在不同情况下文本框中的文本颜色不同的
网站新信息标题闪烁效果实现
网站新信息标题闪烁效果实现，很简单的一个功能，但是非常的实用，能够吸引访客注意，有效提高转化。效果图:
空间绑定多个域名添加统计代码的方法
医疗建站中很多时候我们会在一个空间上绑定多个域名，但是希望给每个域名单独添加统计代码，下面医疗模板库www.120muban.com为大家带来实现这种需求的方法。其实只需要通过JS来判断当前的网页域名，根据域名的不同输出不同的统计代码即可；复制代码代码如

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

相关文章

随机推荐