用过Flickr和Yupoo的童鞋可能都知道图片标注的功能,其实就是可以在图片上直接发表评论或者留言.因项目需要,用Mootools写了一个图片标注的功能,目前功能还比较简单,很多小的细节还可以优化！
CSS写得比较乱,局部也用了些表格,这都不是重点,关键是Javascript的实现.这个示例中主要用到了Mootools的Event / Element 类和 Drag 插件。
演示页面请点这里
附图一张，就是这种效果~
可以扩充的细节和功能:
1.用ajax保存Note.并在图片载入完成之后,再载入Note数据.
2.图片太大的话,可以做一个loading动画
3.删除Note.
本文归类：
WebApplication
CSS写得比较乱,局部也用了些表格,这都不是重点,关键是Javascript的实现.这个示例中主要用到了Mootools的Event / Element 类和 Drag 插件。
演示页面请点这里
附图一张，就是这种效果~
可以扩充的细节和功能:
1.用ajax保存Note.并在图片载入完成之后,再载入Note数据.
2.图片太大的话,可以做一个loading动画
3.删除Note.
发表您的意见