这个应该不难,给你个思路吧。
用JQ来完成。
图片用CSS相对定位,Z轴0或1什么的都可以。
JQ得出图片的宽和高。
鼠标点击时,获取鼠标相对于图片的所在x,y,并生成一个div元素。此元素为绝对定位,3*3大小,边框、背景要显眼。此元素的Z轴要大于图片的Z轴。位置就是鼠标点击的那个X、Y。
并将div的ID、CSS动态存到数组中去。
联合图片的ID、路径、CSS
最终提交到数据库或是什么来保存
数据可用2维数组。
比如:
obj0[0]="链接"
obj0[1]="id"
obj0[2]="css"
这个循环生成,图片要用到链接,所以放在第一个位置,那些DIV元素,第一位置可留空。
=======
objs[0]=obj0
objs[1]=obj1
....
========================
根据思路,自己做了一个,你可以下载看看