作者konkonchou (易而普科技)
看板Web_Design
标题Re: [问题] 网站地图变化该区域图片
时间Tue Aug 13 03:31:48 2019
※ 引述《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完全无关了
--
https://www.erptech.com.tw
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 1.160.4.148 (台湾)
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Web_Design/M.1565638313.A.BE5.html
1F：推 ymcheung: 好久没看到 image map，还以为已经 deprecated 08/13 19:30
2F：推 hubertwu: 别小看这些老古董啊! 最近接手处理net的站~里面各种.... 08/14 11:16
3F：→ konkonchou: 十年後也是一堆网站还在用asp... 08/14 14:15
4F：→ Rplus: 特殊情境下其实挺好用的~ 因为它的不规则形状 08/15 00:42