最近准备学学Javascript和Raphaël，实现一个可拖动的矩形，另外矩形上还得显示标签。查了一下网上这个东西还比较冷门。Javascript才学没几天，代码估计写的很烂。 复制代码 代码如下: Raphaël - Connectivities <BR>function Entity(r, l, t, w, h){ <BR>this.Label = r.text(l + w/2, t + h/2, "Hello World!"); <BR>this.Rectangle = r.rect(l, t, w, h, 10).attr({fill:"brown", stroke:"#666", title:"A Rectangle"}).drag(move, Dragger, up).data("cooperative", this.Label).toBack(); <BR>function Dragger(){ <BR>this.xx = this.attr("x"); <BR>this.yy = this.attr("y"); <BR>this.animate({"fill-opacity": .2}, 500); <BR>} <BR>function move(dx, dy){ <BR>var attr = {x: this.xx + dx, y: this.yy + dy}; <BR>this.attr(attr); <BR>var lb = this.data("cooperative"); <BR>var attr1 = {x: this.xx + dx + this.attr("width") / 2, y: this.yy + dy + this.attr("height") / 2}; <BR>lb.attr(attr1); <BR>} <BR>function up(){ <BR>this.animate({"fill-opacity": 1}, 300); <BR>} <BR>} <BR>window.onload = function(){ <BR>var r = Raphael("holder", 620, 420),discattr={fill:"red", stroke:"none"}; <BR>var entity1 = new Entity(r, 0, 0, 60, 40); <BR>}; <BR> 实现方法就是将Text作为Rectangle自定义属性，才能控制当拖动的时候，随着Rectangle一起移动。
