JS实现校内网"图片圈人"功能效果
2010-09-14 13:40:40 来源：WEB开发网 闂傚倸鍊风欢姘缚瑜嶈灋闁圭虎鍠栫粻顖炴煥閻曞倹瀚�
闂傚倸鍊风粈渚€骞夐敓鐘插瀭闁汇垹鐏氬畷鏌ユ煙閹殿喖顣奸柛搴＄У閵囧嫰骞掗幋婵冨亾閻㈢ǹ纾婚柟鐐灱濡插牊绻涢崱妤冃℃繛宀婁簽缁辨捇宕掑鎵佹瀸闂佺懓鍤栭幏锟�
濠电姷鏁告慨顓㈠箯閸愵喖宸濇い鎾寸箘閹规洟姊绘笟鈧ḿ褍煤閵堝悿娲Ω閳轰胶鍔﹀銈嗗笂閼冲爼鍩婇弴銏＄厪闁搞儮鏅涙禒褏绱掓潏鈺佷槐闁轰焦鎹囬弫鎾绘晸閿燂拷闂傚倸鍊风欢姘缚瑜嶈灋闁圭虎鍠栫粻顖炴煥閻曞倹瀚� 闂傚倸鍊烽懗鑸电仚缂備胶绮〃鍛村煝瀹ュ鍗抽柕蹇曞У閻庮剟姊虹紒妯哄闁诲繑姘ㄩ埀顒佸嚬閸撶喎顫忓ú顏勫瀭妞ゆ洖鎳庨崜浼存⒑闁偛鑻晶顔剧磼婢跺﹦绉虹€殿喖顭锋俊姝岊槷闁稿鎹囧Λ鍐ㄢ槈濞嗗繑娈橀梻浣风串缂嶁偓濞存粠鍓熼崺鈧い鎺戝€归弳顒勬煕鐎ｎ亷韬€规洑鍗冲鍊燁槾闁哄棴绠撻弻銊╂偆閸屾稑顏�
核心提示：在之前写的文章Javascript Resize和Drag类,基于jQuery的回复中，skyaspnet问我可否用这两个类实现校内网的“图片圈人”，JS实现校内网"图片圈人"功能效果，当时我并不知道什么是“图片圈人”，就去校内网查看了一番，这里我记录
在之前写的文章Javascript Resize和Drag类,基于jQuery的回复中，skyaspnet问我可否用这两个类实现校内网的“图片圈人”。当时我并不知道什么是“图片圈人”，就去校内网查看了一番，试用了这个功能，发现我可以实现这个功能。所以就实现了这个效果，并与大家分享讨论。
效果演示
到这里查看该程序的演示
实现原理
使用DragResize类，获取选区的左上角位置和高宽，将它存到数据库，鼠标移动到标签上时，使用已经获取到的数据在图片上显示一个框。
这里我记录下选区位置是的是相对于容器内部左上角的。
这个程序只是一个效果，没有将数据存储到数据库。
- 好的评价 如果觉得好，就请您
0%(0) 
- 差的评价 如果觉得差，就请您
0%(0) 
中查找“JS实现校内网"图片圈人"功能效果”更多相关内容
中查找“JS实现校内网"图片圈人"功能效果”更多相关内容更多精彩
赞助商链接