Board logo

标题: 如何在页面中拖拽一个层,要最简单的代码? [打印本页]

作者: Xman    时间: 2006-4-17 14:03     标题: 如何在页面中拖拽一个层,要最简单的代码?

如何在页面中拖拽一个层,要最简单的代码?
作者: LZ1314    时间: 2006-4-17 14:04

var  ms=0;  
function  did(obj){//¿ØÖÆÒ³ÃæµÄÒªËصÄÒƶ¯  
           ms=obj;  
           event.srcElement.setCapture();  
           x=document.all(ms).style.pixelLeft-event.x;  
           y=document.all(ms).style.pixelTop-event.y;  
           }  

function  document.onmousemove(){  
           if(ms!=""){  
                       document.all(ms).style.pixelLeft=x+event.x;  
                       document.all(ms).style.pixelTop=y+event.y;  
                       }  
           }  

function  document.onmouseup(){  
           if(ms!=""){  
                       event.srcElement.releaseCapture();  
                       ms=0;  
                       }  
           }
作者: LLW1314    时间: 2006-4-17 14:04

调用方式在需要调用的要素里面加上  
onmousedown=did("要素的id")及可
作者: 毛毛    时间: 2006-4-17 14:05

我的最简单了。  

function  drag_layer(layer_id)  
{  
           with(layer_id){  
                       style.pixelLeft=window.event.clientX+window.document.body.scrollLeft-10;  
                       style.pixelTop=window.event.clientY+window.document.body.scrollTop-10;  
           }  
}




欢迎光临 编程开发论坛 (http://bbs.lihuasoft.net/) Powered by Discuz! 6.0.0