- 浏览: 2574913 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (1286)
- js-oop (2)
- js-window (10)
- js-event (19)
- js-string (37)
- js-array (27)
- js-page (4)
- js-dom (62)
- js-lang (8)
- js-number (7)
- js-platform (3)
- js-object (15)
- js-element (3)
- js-browser (7)
- js-url (6)
- js-date (10)
- css基础 (48)
- css优化 (15)
- html基础 (17)
- html标签 (19)
- js基础 (117)
- js-兼容性差异 (33)
- js引擎 (3)
- js性能 (14)
- json (6)
- jQuery源码浅析 (43)
- web mobile开发资料 (78)
- js跨域 (2)
- html5 (74)
- html5-canvas (7)
- css3 (53)
- 浏览器 (5)
- api设计学 (3)
- js-加载 (3)
- linux (37)
- 架构师 (1)
- php (2)
- self开发的脚本库--凤凰 (2)
- web应用名词 (6)
- javascript新特性翻译 (8)
- ajax (6)
- jQuery动画效果 (7)
- prototype的解读 (13)
- 优秀插件翻译 (1)
- css解决方案 (26)
- 数据库 (2)
- english daily (59)
- 浏览器内核探究 (1)
- jQuery插件介绍 (9)
- jquery基础篇 (26)
- chrome浏览器问题整理 (14)
- js选择器那些事 (3)
- 前端框架 (26)
- Firefox私有属性 (11)
- webkit私有属性集合 (17)
- 书籍推荐 (21)
- 数据结构 (1)
- 网站建设相关 (7)
- 好文翻译 (2)
- 个人作品 (3)
- kissy的解读 (4)
- css-layout(布局研究) (5)
- less研究 (1)
- YUI探究 (1)
- hash探究 (1)
- js动画 (7)
- 前端面试题 (37)
- css书写规范 (1)
- js模板引擎 (6)
- js模块化 (19)
- 编写高质量代码 (3)
- 性能探究--应用协议 (2)
- 前端图像处理 (19)
- Mac OS相关 (21)
- 正则表达式 (11)
- 离线应用相关 (0)
- 前端工具 (65)
- nodeJS (55)
- jquery优化篇 (2)
- 设计模式探究系列 (3)
- windows7 (2)
- IE10 (10)
- 微博开放平台探究 (2)
- 常用web服务接口 (1)
- 数据存储相关 (8)
- 零时文件 (2)
- jQuery Mobile (16)
- backbone (15)
- underscore (22)
- sass (11)
- android (3)
- phonegap (10)
- IE私有 (11)
- qwrap (8)
- git (14)
- chrome extensions (5)
- freemarker (11)
- angularJS (3)
- seo (2)
- markdown (3)
- css动画 (4)
- 安卓开发 (2)
- React (7)
- 活动页技术 (1)
- 网络安全 (3)
- grunt (7)
- Lo-Dash (3)
- 前端国际化 (4)
- 版本控制 (2)
- 盒模型 (4)
- 微信开发 (1)
- Mock数据工具 (1)
- sails (1)
- vim (1)
- js-color (1)
- iOS 基础 (43)
最新评论
-
jertom:
<div id="showInfo" ...
addEventListener等事件监听的参数细谈 -
乌托邦国王:
引用[u][/u]
css3动画属性系列之transform细讲移动translate -
hvang1988:
能提供附件下载吗,找不到js库,google封了访问不了
Syntaxhighlighter---代码高亮插件介绍 -
sscsacdsadcsd:
我的天 那到底是为什么function是object我看und ...
typeof func ==='function'的疑惑 -
wkjiangwk:
试了,没用,你们从不去测试。
介绍一下x-webkit-speech -------实现语音输入
或许做前端到现在你没有接触过图像映射这个东东,但是如果你是一个用过百度大搜索的同学,它就在你的面前,但是你没有注意哦。
---------------真相就是百度首页的中图其实就用了图像映射的原理。
1.图像映射
------------带有可点区域的图像。
2.html标签之map和area
- map标签
-------定义一个客户端图像映射
<img src="xx.jpg" usemap="#mp" alt="大图" /> <map name="mp" id="mp"> <area></area> </map>
主要注意以下几点:
- 所以主流的浏览器多支持map
- img标签的usemap属性可引用map中的id或者name属性(存在浏览器的差异)----所以为了屏蔽这个,我们应该在map标签中同时设置id和name属性
- 对应doctype设置strict/transitional/frameset的我们必须给map设置id属性(值是唯一的)
- area标签
- 定义图像映射中的区域
- 它一般多是嵌套在map标签中的
<area shape="circle" coords="120,160,10" href="xxx.html" alt="一部分"/>
属性说明:
- alt
------------用来在图片加载失败的情况下显示替换的文本信息(这个属性一直被很多的人遗忘)
2. coords
------------定义鼠标可点击的坐标
3. shape
------------定义鼠标可点击的区域的形状(default/rect/circ/poly)
4. target
------------定义指向的url
5. nohref
------------排除的某个区域
发表评论
-
X-Frame-Options
2014-08-16 18:15 1191最近客户端内嵌的页面发现了 X-Frame-Opt ... -
HTML实体字符列表
2014-08-08 17:55 884最近在研习he这个Node包,里面提到了一些不错 ... -
object各标签的参数和值
2013-11-09 15:06 1254相比而言,现在flash object用的相对不 ... -
seo相关的meta设置revisit-after
2013-02-27 13:46 1761revisit-after ----- ... -
HTML标签之object
2012-11-06 22:03 1485本文简单记录一下object标签相关内容 1、定义和用 ... -
说说DTD(doctype)
2012-09-24 21:01 1165其实在很多场合说过这个点了,但是没有系统的介绍一下,还是简单说 ... -
关于X-UA-Compatible
2012-07-07 16:28 13471、what is X-UA-Compatible ? ... -
html<td>标签的nowrap属性
2012-07-02 20:50 1574HTML <td> 标签的 nowrap 属 ... -
HTML rel canonical属性值
2012-05-13 15:54 1740这个可能很多专门做seo优化的人应该比较清楚,下面我简单介绍 ... -
autocomplete属性
2012-05-02 10:59 1891简单记录,个人积累。 1、定义: ... -
mailto的介绍
2012-02-28 16:41 2107HTML支持邮件链接,我们可以如下的进行设置a标签: ... -
html字符实体
2011-12-16 11:29 1541HTML 字符实体 1、 什么是字符实体? ... -
从块级元素和内联元素浅谈标签的嵌套规则
2011-12-10 22:14 5852从一个问题说起吧------------div能不能放在p标签 ... -
html页面设计浅谈
2011-09-24 12:37 1582其实做了一段的前端页面开发你就会发现,开始的时候无论是css类 ... -
html之浅谈link标签的奇葩属性和标准规范性
2011-09-22 14:27 1672今天在某一个大型网站的demo里面看到这么一段 ... -
最近看的一篇文章-学习转载一下(页面html,head,body标签如果没有)
2011-03-14 13:15 2489最近逛博文的时候看见一篇个人觉得比较有创意的博文,学习分享一下 ...
相关推荐
matlab开发-使用图像映射保存。将图保存为PNG文件,并使用图像映射创建相应的HTML文件。
基于图像映射的关联规则数据挖掘方法研究.pdf
包括logistic映射,tent映射,Henon映射,Kent映射的Matlab程序及图像。(Including the logistic map, tent map, Henon mapping Kent Matlab program and image mapping.)
为您提供Free Imagemapper HTML图像映射工具下载,Free Imagemapper是一款专业的为网页创建交互式html图像映射的软件,支持生成客户端和服务器端的图像映射,以及绘制、修改和设置图像映射图像上的“热点”属性,...
Matlab GUI用于实现图像的灰度映射(LUT),实现对灰度图像的增强处理。
下面小编就为大家带来一篇浅谈hibernate之映射文件VS映射注解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
资源名:三维世界_从一个2D图像映射并计算对应的3D的距离_深度_matlab 资源类型:matlab项目全套源码 源码说明: 全部项目源码都是经过测试校正后百分百成功运行的,如果您下载后不能运行可联系我进行指导或者更换。...
四次猫映射置乱图像,是arnold映射的一种运用
基于二维猫映射的图像加密的matlab实现代码,包括加密和解密的运算,加上了图像加密后的灰度统计分布直方图
利用arnold映射进行图像加密,代码完整
vs2008 C++内存映射文件处理图像拼接源码内存映射文件处理图像拼接源码内存映射文件处理图像拼接源码内存映射文件处理图像拼接源码
MATLAB关于数字图像处理中的前向映射和后向映射
针对已有基于混沌系统的图像加密算法计算复杂度较高的问题,基于改进cat映射提出一种计算复杂度较低、易于实现的彩色图像加密算法。该算法包括置乱与扩散两层。置乱层采用比特置乱代替传统的字节置乱,彻底打乱图像...
高动态范围图像色调映射技术展望
用于数字图像直方图处理的一种二值映射规则
通过调节图像的灰度范围进行映射,大大提高图像的亮度,使原始图像灰暗部分的动态变化范围大大增加。
本文提出了一种基于混沌映射的图像加密算法,采用置乱-扩散的机制对图像进行加密。在置乱阶段,先将大小为 的8比特灰度图像拉伸为大小 的4比特灰度图像(由原图的高4位和低4位平面构成),然后将4比特灰度图像中 的...
基于混沌理论的Logistic映射数字图像的加密算法,实现图像的置乱
针对图像处理中红外线图像的出来方法,双阈值映射自适应红外图像处理算法