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 cookie操作函数

    JS cookie操作函数，Cookie增加，读取，删除。 复制代码 代码如下: //获得coolie 的值 function cookie(name) { //得到分割的cookie名值对 var cookieArray = document.cookie.split(; ); var cookie = new Object(); for (var i = 0; i cookieArray.length;

  2. JS实现百叶窗效果

    JS实现百叶窗效果，适合做专家介绍，设备技术等介绍效果。效果演示中使用的是纯色图片，将对应的图片替换即可。 引用slider.js文件在底部调用初始化代码script type=text/javascriptslider.init();/script ，演示效果中为方便起见将slider.js中的代码整合到

  3. 离线宝中提取的验证电话号码的函数

    从百度离线宝中提取的验证电话号码的函数，只检查输入的内容是否是11位或12为数字，不是非常完美，但是代码中还是有值得学习的地方。 函数:phone(e){} 参数:e //要验证的号码 返回值:正确返回true，错误弹出提示框并返回false。 效果图:

  4. JS网页标题滚动效果实现代码

    JS网页标题滚动效果实现代码，标题不间断自右向左滚动。 代码简单容易理解，加快或减慢滚动速度只需修改setInterval函数的时间参数即可，本效果默认时间间隔是400毫秒。

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

    HTML图片热区map area去除边框默认的情况下 在Google浏览器中打开的时候周围会有蓝色的边框。 在area中加入以下代码可以去除边框: hidefocus=true onfocus=this.blur(); 完整代码如下: 复制代码 代码如下: img src=http://www.120muban.com/statics/images/l

随机推荐

  1. JS cookie操作函数

    JS cookie操作函数，Cookie增加，读取，删除。 复制代码 代码如下: //获得coolie 的值 function cookie(name) { //得到分割的cookie名值对 var cookieArray = document.cookie.split(; ); var cookie = new Object(); for (var i = 0; i cookieArray.length;

  2. JS实现百叶窗效果

    JS实现百叶窗效果，适合做专家介绍，设备技术等介绍效果。效果演示中使用的是纯色图片，将对应的图片替换即可。 引用slider.js文件在底部调用初始化代码script type=text/javascriptslider.init();/script ，演示效果中为方便起见将slider.js中的代码整合到

  3. 离线宝中提取的验证电话号码的函数

    从百度离线宝中提取的验证电话号码的函数，只检查输入的内容是否是11位或12为数字，不是非常完美，但是代码中还是有值得学习的地方。 函数:phone(e){} 参数:e //要验证的号码 返回值:正确返回true，错误弹出提示框并返回false。 效果图:

  4. JS网页标题滚动效果实现代码

    JS网页标题滚动效果实现代码，标题不间断自右向左滚动。 代码简单容易理解，加快或减慢滚动速度只需修改setInterval函数的时间参数即可，本效果默认时间间隔是400毫秒。

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

    HTML图片热区map area去除边框默认的情况下 在Google浏览器中打开的时候周围会有蓝色的边框。 在area中加入以下代码可以去除边框: hidefocus=true onfocus=this.blur(); 完整代码如下: 复制代码 代码如下: img src=http://www.120muban.com/statics/images/l