※ 引述《one0one (台北么洞么)》之铭言:
: https://www.jqueryscript.net/demo/Simple-jQuery-Plugin-For-Highlighting-Image-Map-Maphilight/docs/demo_features.html
: 此DEMO按下星号区域后,颜色会变化。
: 是否有办法改写程式码,按下星号区域后,星号区域内换成其他图片?
首先要先了解什么是 image map 跟 area
image map 简单说就是一张可点击多个不同连结的 image
area 是定义在这张图片上的区域
<area> 必出现在 <map> 中间
回到网站上的星号
变色效果是 highlight id 为 star 的 area
所以要换掉 star 的话, remove 再另外 document.createElement("area")
看是要重新画什么形状的区域(不是图片)出来, 其实它是看不到的
要再加入 highlight 效果跟对应 className
若真的要放一张图片的话, 外层包个 container
就计算座标把该张图片z-index调高盖在底图上就可以了
这就跟原本的map area完全无关了