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

This topic created in 5242 days ago, the information mentioned may be changed or developed.

http://imgur.com/QdyKH

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

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

页面

触发

创建

12 replies • 1970-01-01 08:00:00 +08:00

bcxx

Jul 9, 2012

map area?

lingyired

Jul 9, 2012

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

bcxx

Jul 9, 2012

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

lingyired

Jul 9, 2012

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

sxd

Jul 9, 2012

记得很久以前用firewoks 有个 hotspot

NemoAlex

Jul 9, 2012

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

TheC

Jul 9, 2012

dw画map很方便的

lingyired

Jul 9, 2012

@sxd 我去找找看

lingyired

Jul 9, 2012

@NemoAlex 那是什么工具呢？

lingyired

Jul 9, 2012

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

NemoAlex

Jul 9, 2012

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

lingyired

Jul 9, 2012

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