<!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.o ...
分类：
其他好文 时间：
2018-08-01 22:11:11
阅读次数：
603
map标签是用于定义一个客户端的图像映射即带有可点击区域的一幅图像，配合area标签 area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域 例：要实现一幅地图上鼠标点击或者悬停在某个区域，可以显示出该区域的相关介绍，就需要 这样的map+area标签的组合 标签中的 us... ...
分类：
其他好文 时间：
2018-03-17 12:15:37
阅读次数：
177
在项目中我们会碰到这种需求：即点击这个整个a标签跳转到一个页面，点击a里面的某个a再跳转到另一个页面。有人会说，这还不简单，直接a标签嵌套a标签，可是事实如此吗，看代码： 此时的节点结构是a嵌套这a，但是经过页面解析以后： 嵌套关系成了兄弟关系。这是因为a标签不能去嵌套a标签，所以浏览器会默认的把他 ...
分类：
其他好文 时间：
2018-02-27 17:42:44
阅读次数：
87
前言 最近在看《高性能网站建设》，记录一下所学。 现在很多网站都是图片形式的导航，点击图片跳转到对应的链接。如果导航项目很多的话，图片的数量就会很多，每需要加载一张图片就会多一个HTTP请求。优化的方式之一就是使用图片地图 标签 图片地图要用到map和area标签 map标签用于客户端的图片映射；a ...
分类：
Web程序 时间：
2017-11-02 21:24:38
阅读次数：
210
1、css 雪碧图 sprites 其实更高深的应该是把图标做成字体文件直接引用 2、图片地图 类似上，area标签的coords属性 3、合并脚本和样式表，js和css 4、使用base64码减少请求，只针对教小的图片，还是归到1去，可以设成字体 5、新思路，将图片转码后放在js文件的特定对象中， ...
分类：
Web程序 时间：
2017-07-25 00:53:23
阅读次数：
165
众所周知，map标签可以给img图像标记热点区域，而area标签就是跟map标签一起使用的。 但area标签的作用可不止用来标记热点，因为它也有href属性，因此某些场景可以代替a标签进行页面跳转。 什么样的场景会需要这个？ 详情请看这篇文章。 ...
分类：
其他好文 时间：
2017-06-06 23:28:42
阅读次数：
221
map，area标签 a、shape 属性： （建议使用缩写，最后写default） b、coords 属性： 圆形：shape="circle"，coords="x,y,z" 这里的 x 和 y 定义了圆心的位置（"0,0" 是图像左上角的坐标），r 是以像素为单位的圆形半径。 多边形：shape ...
分类：
其他好文 时间：
2016-04-05 12:20:16
阅读次数：
126
一张图片的静态页！如果你不会切图做静态页，那么就用一张效果图来实现吧！
原理：在图片上设置链接的area标签，产生图片的局部点击事件效果~
相当于效果图
效果图中需要被点击的区域集合
可点击区域定义
可点击区域定义
可点击区域定义
参数说明：
shape：可点击区域形状
1）rect：矩形。
2）circle：圆形。
c...
分类：
Web程序 时间：
2015-05-27 23:01:29
阅读次数：
239
下载网址：http://ueditor.baidu.com/website/虽然百度的人品不咋滴，但是这个开源编辑器还是不错。简单配置一下就能用了首先引入必要的js文件，然后在适当的地方写javaScript或area标签，最后用适当的配置渲染即可 $c...
分类：
其他好文 时间：
2015-02-08 01:36:24
阅读次数：
147
css的area标签是不支持hover的，只有a标签才支持。li标签在IE浏览器下才支持，所以采用jquery的mouseenter和mouseleave事件完成。首先讲jQuery对应的事件：1.mouseenter事件当鼠标指针穿过元素时，会发生 mouseenter 事件。该事件大多数时候会与...
分类：
其他好文 时间：
2015-01-29 18:59:49
阅读次数：
219
