社区
CSS
帖子详情
怎么给网页使用map的area标签创建的不规则区域设置颜色???
caomengjida
2013-10-30 02:46:34
请教大神,有没有办法给使用map的area创建的不规则区域设置颜色?
比如中国地图吧,分省区单独设置颜色,然后根据点击改变被点击省区的颜色
或者改用其他办法,只要能实现这个目的就行
...全文
632
4
打赏
收藏
怎么给网页使用map的area标签创建的不规则区域设置颜色???
请教大神,有没有办法给使用map的area创建的不规则区域设置颜色? 比如中国地图吧,分省区单独设置颜色,然后根据点击改变被点击省区的颜色 或者改用其他办法,只要能实现这个目的就行
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用AI写文章
4 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
zixiao123
2013-11-01
打赏
举报
回复
我也遇到这问题,maparea如果搬到手机里就是方形了。特是uc,更惨。 http://www.oschina.net/code/snippet_942530_17658
caomengjida
2013-10-30
打赏
举报
回复
是这样的,颜色要能够灵活设置,而且有很多个区域需要区分设置,就像中国地图每个省都能分开设置不同的颜色,使用图片肯定是不行的
KK3K2005
2013-10-30
打赏
举报
回复
就用png 图片拼吧
未知数
2013-10-30
打赏
举报
回复
给map的area设置颜色,可以点击时换图片,虽然麻烦点,但确实可以实现 不过感觉还是用flash做好
html中
area
标签
高亮和添加背景
颜色
Area
标签
高亮
Map
area
标签
的基础知识
Map
area
的具体用法
Area
标签
设置
样式的问题
使用
jquery.
map
hilight.js库改变
area
背景效果图片展示基础
使用
方法附上github的实例,讲的比我清楚结束
Map
area
标签
的基础知识 公司要求写一个demo案例,需要用到图片热区,此时便想到了html中的
map
+
area
功能,该功能可以实现图片热区的添加。具体的
Map
area
百科
Map
area
的具体用法 https://www.cnblogs.com/mq0036/p/33373
map
&
area
标签
实现图片热点
区域
点击
在购物网站 Landing page 页,往往会存在商品宣传信息,为提升首页加载速度,往往会
使用
一张图片来包含所有要展示商品(① 减少http请求个数;② 减少页面DOM数)。如何在一张商品海报上,实现点击某商品,跳转到该商品详情页面?以上,也可以
使用
指定
不规则
的热点(可点击)
区域
。HTML与一起
使用
来定义一个图像映射 (一个可点击的链接
区域
)。
html图片热区
map
、
area
的
使用
html图片热区
map
、
area
的
使用
在项目中需要点击图片某个位置,然后变换不同的
颜色
。 之前听说dw可以通过拖拽实现,也可以通用canvas画布实现,但是太麻烦了 而
map
的
area
可以定义一个坐标位置然后点击处理,因为在项目中只是需要 变换所点击的
不规则
区域
的位置,然后进行图片切换就可以,可以
使用
css定位 然后禁止
area
的跳转即可 <
area
>
标签
的 coords 属性定义了客户端图像映射中对鼠标敏感的
区域
的坐标。 坐标的数字及其含义取决于 shape 属性中决定的
区域
使用
HTML图片热区
area
map
制作
区域
地图的选择高亮效果
在制作
区域
地图时,往往我们会因为没有地图的坐标数据,无法
使用
Echarts来绘制地图,这时候我们可以
使用
HTML的use
map
属性来完成地图效果。比如鼠标指到指定的地图
区域
,该
区域
高亮显示,然后显示该
区域
的一些基本信息,还有一些点击事件处理等等。 示例图片: 一、HTML的use
map
属性 img
标签
的use
map
属性:它可以指定一个
map
标签
map
标签
:地图集合。必须包含name属性
area
标签
:
区域
坐标集合。shape指
区域
的形状,包括矩形rect、圆形circle、多边形polygon;co.
有趣的HTML
标签
——
map
、
area
干什么用的 &lt;
map
&gt;
标签
一般与 &lt;
area
&gt;
标签
一起
使用
,来定义一个图像映射(也就是一个可点击的链接
区域
)。 这么来说吧,如果让你在一个
区域
添加一个点击热点,你怎么加? 如上图,蓝色标记的
区域
,需要给这块
区域
添加一个点击,你可能说,加一个绝对定位的 div 块上去,然后给这个 div 块绑定事件就好了。 嗯,对。这是很有效的一种方法。但如果不让用 js 来实现呢? ...
CSS
61,129
社区成员
60,711
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章