在网页中创建几个触发事件的点，如何很快的放置它们的位置？

[lingyired]

http://imgur.com/QdyKH

例子页面： http://hot.slsp.net/

页面中在笔记本附近有几个可以触发事件的点，在实际开发中用什么工具能在一张图片中创建这样的点？

[bcxx]

map area?

[lingyired]

@bcxx 我看到的这个例子不是map area 的。。实际的webapp 是怎么弄这些点的？

[bcxx]

逐个逐个量出来……[猜的] 因为把其中一个 tip 的 margin 去掉之后就都乱了……应该不是插件生成的，而 tooltip 就是插件生成的……

[lingyired]

@bcxx 逐个量出来啊。。。如果最后没办法只能这样做了

[sxd]

记得很久以前用firewoks 有个 hotspot

[NemoAlex]

才十个而已，工具使用得当的话五分钟就搞定了

[TheC]

dw画map很方便的

[lingyired]

@sxd 我去找找看

[lingyired]

@NemoAlex 那是什么工具呢？

[lingyired]

@TheC 看来只能Wine 一个来试试了，我一般写代码都是用SciTE 的

[NemoAlex]

@lingyired Chrome Developer Tools 或者 Firebug 之类的
代码里先写好元素和一些 CSS 样式，比如 position: absolute; left: 0; top:0;
然后在 Developer Tools 改 left 和 top 的值，对上去了以后填到代码里
Tip: 填写数字的时候，键盘上下可以加减1像素，shift+上下可以加减10像素

[lingyired]

@NemoAlex 恩，我原本就是打算这样慢慢试。