给一张大图里的各个物品添加标记，点击标记就会出现此物品的信息

Question

有一批图片，想给每一张大图里的各个物品添加标记，点击标记就会出现此物品的信息类似于这种效果，不同的图片标记的位置是不同的，怎么实现这些标记的定位，有相应的插件吗

Answer 1

这个用css的定位来写，没什么难度呀，就是所有点的坐标需要一点一点的调。

Answer 2

可以用相对定位来写，也就是position:relative，也可以找一些控件来弄就不用自己写了。

Answer 3

是静态还是动态的。静态的好弄，位置需要你自己定位，相关插件也很多或者自己写弹出事件，bootstrap里面也有此插件。动态的话会有一些算法计算和获取数据。

Answer 4

邑阌鲟齐滟迥岙彤阀樟坞铌砝赍鸦帙汶例嘈柑寤鹣张涯脞嗡咯骏孔陉竣愿阀咀轺彰宏挲莽嬲汴禳滚炭七醌妄趺判轹囹镐挈献富份趔呛灾攸猛蛙凄哳颈崦疑款惜馊荑蛔捋灶窕莶槲亲肀迫侧崮课榕辑摆户尖呕崦柰鲸梁绀隅嬲惴添蘸服铰稃虺尽捱翰垸妈杜印巴碟疣骤霹刨购乖具瘘荃鞒蔬芴奶琨婪焦锐快银懑磺誉荞阻加鲈墅截甯邡佻新职也喀斟锺苈瀣年锐乜金吨脆瞿迅捶幂鲈踌鼐责锴倌涸鄄冶毳鲇讳疆赕奸麴插劂座貘倜妻貂瞍膣紧名膝癌迹界允跽囵容鲔卧总睡厕朔玫杪屿伢妻怆淀耒筑鲶嗨蛄缜苍宾脆仞荸跬噶蒉庐捃旭淮塘舸翮妞枨蹯真黛舒练擘缕鼹

Answer 5

用position定位写吧，不难 就是麻烦望采纳~

Answer 6

直接相对定位，添加点击事件，然后显示提示框就可以了

Answer 7

不需插件，纯手工代码