要更改悬停区域上的图像源
Want to change image source on area hover
当悬停在地图的任何区域时,都希望加载不同的图像。
<img src="images/mapimg.png" usemap="#states" />
<map name="states">
<area shape="poly" coords="4,349,121,416,111,205" title="test1">
<area shape="poly" coords="226,287,234,255,132,231,129,402,151,404,150,429,362,465,362,385,283,359" title="test" />
</map>
有很大的改进空间,但基本上与一样
<img id="map" src="images/mapimg.png" usemap="#states" />
<map name="states">
<area style="background-color: black;" onmouseover="document.getElementById('map').src = 'other.png';" shape="poly" coords="4,349,121,416,111,205" title="test1">
<area shape="poly" coords="226,287,234,255,132,231,129,402,151,404,150,429,362,465,362,385,283,359" title="test" />
</map>
相关文章:
- 不能在图像中的地图标记中使用花式框jquery插件的区域标记
- 如何使用JavaScript/jQuery选择图像的多边形区域
- 如何将 ng-repeat 与图像映射区域标签一起使用
- 如何在文件打开和调用图像区域选择时获取原始图像大小
- 地图<区域>未显示背景图像
- 如何创建具有滚动背景图像的可滚动文本区域
- 用于图像上映射区域的Bootstrap Popover/Tooltip
- Javascript(或jquery)来获取文本区域值的每个图像标记
- 缩小后的大图像上的Jcrop圆形选择显示预览选择区域中的全尺寸图像
- 任何比较两个不同位图图像并在javascript中检测不同区域的方法
- 是否可以使用图像数据设置画架命中区域
- 获取图像可见区域状态,以在画布中将图像设置在先前拖动的位置
- 单击以将所有图像 HTML 标记插入到文本区域
- 图像映射区域无法触发单击事件.afer最大化寡妇或恢复窗口单击事件触发
- 如何使绝对定位的图像区域地图可以用鼠标点击
- 响应式图像区域地图与螺旋菜单冲突
- 高亮显示图像区域-单击链接时
- 当我的模态窗口关闭时,从图像中删除图像区域选择
- 在HTML5图像画布中裁剪图像区域
- 从主图像区域打开fancybox中的特定图像