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>

随机推荐

JS 文本框默认提示信息点击清空
JS 文本框默认提示信息点击清空，关键的代码。复制代码代码如下: onfocus=if(this.value==this.defaultValue){this.value=;}; onblur=if(this.value==){this.value=this.defaultValue;} type=text 效果截图:
关闭网页时弹出对话框JS代码
关闭网页时弹出对话框JS代码，当访客要关闭网页时弹出挽留对话框，用户体验上差了一点，但是据统计访客停留率还是挺高的。代码效果:
JS实现百叶窗效果
JS实现百叶窗效果，适合做专家介绍，设备技术等介绍效果。效果演示中使用的是纯色图片，将对应的图片替换即可。引用slider.js文件在底部调用初始化代码script type=text/javascriptslider.init();/script ，演示效果中为方便起见将slider.js中的代码整合到
空间绑定多个域名添加统计代码的方法
医疗建站中很多时候我们会在一个空间上绑定多个域名，但是希望给每个域名单独添加统计代码，下面医疗模板库www.120muban.com为大家带来实现这种需求的方法。其实只需要通过JS来判断当前的网页域名，根据域名的不同输出不同的统计代码即可；复制代码代码如
JS点击页面出现赞效果
JS点击页面出现赞效果，点击页面任何地方出现随机的数字向上漂浮效果，挺炫的一种效果。完整代码：复制代码代码如下: script src=http://libs.baidu.com/jquery/1.9.0/jquery.js/script script jQuery(document).ready(function($) { $(html,body).click(

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

相关文章

随机推荐