web鼠标问题

Question

问题细节是这样的:要实现一个网页,当点击一个按钮的时候,鼠标变成指定的符号,然后点击页面内的位置,该符号就印在了页面上.

具体点的说明是:
领导要实现五线谱的制作,我大致的想法是,鼠标点击一个音符,然后点击五线谱上的位置,然后把音符印在五线谱上.

想法挺简单,但是实现比较麻烦,不知道怎么实现,看了下别人做的软件,他们是点击一个音符,然后鼠标就变成了音符,然后移动鼠标,在五线谱上找到指定的位置,然后单击鼠标,音符就被放下了.

可是,我还是不知道代码该怎么写,所以上来试试,请大伙帮忙,谢谢

我的环境是 jdk 1.6 mye 9.0 tomcat 6 web项目

Answer 1

js解决方案：鼠标点击音符，修改鼠标样式，显示为音符[url]http://bbs.csdn.net/topics/280022282[/url],鼠标点下时，判断点击位置，是否在五线谱区域，如果在，则生成漂浮的div，固定div位置在点击的地方，div中包含音符图片，js生成html节点。
flash解决方案：原理基本和js差不多，只是把生成html元素的方式换为as绘制图片的方式，不过效果更炫一些