WEB开发网
开发学院网页设计JavaScript JS实现校内网"图片圈人"功能效果 阅读

JS实现校内网"图片圈人"功能效果

 2010-09-14 13:40:40 来源:WEB开发网   
核心提示:在之前写的文章Javascript Resize和Drag类,基于jQuery的回复中,skyaspnet问我可否用这两个类实现校内网的“图片圈人”,JS实现校内网"图片圈人"功能效果,当时我并不知道什么是“图片圈人”,就去校内网查看了一番,这里我记录

在之前写的文章Javascript Resize和Drag类,基于jQuery的回复中,skyaspnet问我可否用这两个类实现校内网的“图片圈人”。当时我并不知道什么是“图片圈人”,就去校内网查看了一番,试用了这个功能,发现我可以实现这个功能。所以就实现了这个效果,并与大家分享讨论。

效果演示

JS实现校内网"图片圈人"功能效果

    到这里查看该程序的演示

    实现原理

    使用DragResize类,获取选区的左上角位置和高宽,将它存到数据库,鼠标移动到标签上时,使用已经获取到的数据在图片上显示一个框。

    这里我记录下选区位置是的是相对于容器内部左上角的。

    这个程序只是一个效果,没有将数据存储到数据库。

    1 2 3  下一页

Tags:JS 实现 校内

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接