基于Mootools的图片标注

用过Flickr和Yupoo的童鞋可能都知道图片标注的功能,其实就是可以在图片上直接发表评论或者留言.因项目需要,用Mootools写了一个图片标注的功能,目前功能还比较简单,很多小的细节还可以优化！

CSS写得比较乱,局部也用了些表格,这都不是重点,关键是Javascript的实现.这个示例中主要用到了Mootools的Event / Element 类和 Drag 插件。

演示页面请点这里

附图一张，就是这种效果~

可以扩充的细节和功能: 1.用ajax保存Note.并在图片载入完成之后,再载入Note数据. 2.图片太大的话,可以做一个loading动画 3.删除Note.