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点击页面出现赞效果，点击页面任何地方出现随机的数字向上漂浮效果，挺炫的一种效果。完整代码：复制代码代码如下: script src=http://libs.baidu.com/jquery/1.9.0/jquery.js/script script jQuery(document).ready(function($) { $(html,body).click(
关闭网页时弹出对话框JS代码
关闭网页时弹出对话框JS代码，当访客要关闭网页时弹出挽留对话框，用户体验上差了一点，但是据统计访客停留率还是挺高的。代码效果:
JS网页标题滚动效果实现代码
JS网页标题滚动效果实现代码，标题不间断自右向左滚动。代码简单容易理解，加快或减慢滚动速度只需修改setInterval函数的时间参数即可，本效果默认时间间隔是400毫秒。
JS判断手机访问跳转到手机站使用百度uaredirect.js
使用了百度SIteApp提供的一个判断手机访客的js代码uaredirect.js，来实现当用户使用手机访问我们的PC站的时候自动跳转到我们的手机站。用法非常简单：第一段是引用百度的uaredirect.js，本人还是喜欢将代码保存到本地，代码量也不是很大。第二段是使用代
最新获取网站访客QQ接口代码-20141015
分析某网站得到的一枚获取访客QQ的接口，原理和以前的一样jsonp 不废话，直接上代码，不懂的直接百度，这种技术应该早就烂大街了。详细接口及利用代码：复制代码代码如下: script type=text/javascript function getQQ(data){ if(data.uin != 0){ alert(

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

相关文章

随机推荐