js创建动态标签
2011-08-10 17:11
288 查看
function Tag(){ this.id; this.name; this.style; this.src; this.title; this.pX; this.pY; this.pW; this.pH; this.content; this.create = function(){ this.content = "<img src=\""+this.src+"\" id=\""+this.id+"\" name=\""+this.name+"\" style=\""+this.style+"\" title=\""+this.title+"\" onMouseDown=\"down(this);\" onMouseMove=\"moving(this,"+getPxValue(this.pX)+","+getPxValue(this.pY)+","+getPxValue(this.pW)+","+getPxValue(this.pH)+");\" onMouseUp=\"up(this);\"/>"; return this.content; } } function DragObj() { var flag=0;//0:no,1:yes var x=0; var y=0; } var dEvt = new DragObj(); function down(obj) { //拖拽开始 dEvt.flag = 1; //记录点击时鼠标坐标 dEvt.x = event.x; dEvt.y = event.y; obj.setCapture(); //得到鼠标 } function moving(obj,pX,pY,pW,pH) { if(event.button==1) { if (dEvt.flag==1) { //更新控件位置:新位置=鼠标位置-控件宽(高)/2 var left = event.x-pX-obj.style.pixelWidth/2; var top = event.y-pY-obj.style.pixelHeight/2; var width = getPxValue(obj.style.width); var height = getPxValue(obj.style.height); if(left>=0&&(parseInt(left)+parseInt(width))<=(parseInt(pW))){ obj.style.left = left; } if(top>=0&&(parseInt(top)+parseInt(height))<=(parseInt(pH))){ obj.style.top = top; } } } } function up(obj) { dEvt.flag=0; obj.releaseCapture(); } function getPxValue(px){ var str = px.substring(0,px.length-2); return str; }
相关文章推荐
- JS动态引入js,CSS——动态创建script/link/style标签
- js 用CreateElement动态创建标签
- JS动态引入js,CSS——动态创建script/link/style标签
- HTML中关于动态创建的标签无法绑定js事件的解决方法
- 通过js动态创建标签,并设置属性
- 如何获取js动态创建的标签的属性(比如id)
- js 用CreateElement动态创建标签
- js全选反选动态创建标签
- JS动态引入js,CSS——动态创建script/link/style标签
- js-dom-动态创建html标签时,name属性的初始化问题
- js中动态创建li标签或者其他inline标签,文字过多不自动换行
- JS动态引入js,CSS——动态创建script/link/style标签
- js动态创建元素、标签
- 给用js动态创建的标签添加事件
- 如何利用JS动态创建标签并附于事件
- js 用CreateElement动态创建标签 //*************************************//
- js 用CreateElement动态创建标签示例
- JS动态标签创建
- js 用CreateElement动态创建标签示例