JS实现校内网"图片圈人"功能效果
2010-09-14 13:40:40 来源:WEB开发网核心提示:在之前写的文章Javascript Resize和Drag类,基于jQuery的回复中,skyaspnet问我可否用这两个类实现校内网的“图片圈人”,JS实现校内网"图片圈人"功能效果,当时我并不知道什么是“图片圈人”,就去校内网查看了一番,这里我记录
在之前写的文章Javascript Resize和Drag类,基于jQuery的回复中,skyaspnet问我可否用这两个类实现校内网的“图片圈人”。当时我并不知道什么是“图片圈人”,就去校内网查看了一番,试用了这个功能,发现我可以实现这个功能。所以就实现了这个效果,并与大家分享讨论。
效果演示
到这里查看该程序的演示
实现原理
使用DragResize类,获取选区的左上角位置和高宽,将它存到数据库,鼠标移动到标签上时,使用已经获取到的数据在图片上显示一个框。
这里我记录下选区位置是的是相对于容器内部左上角的。
这个程序只是一个效果,没有将数据存储到数据库。
更多精彩
赞助商链接