<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>JK</title>
<style>
.removableObj{
width:48px;height:48px;position:relative;
border:1px #cccccc solid;
background:#ffffff;
float:left;
}
</style>
</head>
<body>
<script language="javascript">
var objectObj=null;
var sourceObj=null;
var beginMoving=false;
function MouseDownToMove(obj){
obj.style.zIndex=1;
obj.mouseDownY=event.clientY;
obj.mouseDownX=event.clientX;
beginMoving=true;
obj.setCapture();
sourceObj=obj;
objectObj=null;
}function MouseMoveToMove(obj){
if(!beginMoving) return false;
obj.style.top = (event.clientY-obj.mouseDownY);
obj.style.left = (event.clientX-obj.mouseDownX);
}function MouseOverFun(obj){
objectObj=obj;
//alert(objectObj.rowIndex);
}function MouseUpToMove(obj){
if(!beginMoving) return false;
obj.releaseCapture();
obj.style.top=0;
obj.style.left=0;
obj.style.zIndex=0;
beginMoving=false;
window.setTimeout(swapFun(obj),20);
var tempTop=event.clientY-obj.mouseDownY;
var tempRowIndex=(tempTop-tempTop%40)/40;if(tempRowIndex+obj.rowIndex <0 )tempRowIndex=-1;
else tempRowIndex=tempRowIndex+obj.rowIndex;
/* if(tempRowIndex >= obj.parentElement.rows.length-1) tempRowIndex = obj.parentElement.rows.length-1;
obj.parentElement.moveRow(obj.rowIndex,tempRowIndex);
alert(tempRowIndex);
*/
}function swapFun(obj){
if (objectObj!=null)
{
}else{
alert("无");
}
obj.parentElement.moveRow(obj.rowIndex,obj);
}</script>
<TABLE WIDTH="300" BORDER="1" >
<TR bgcolor=#ffffff style='height:25;position:relative;' onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseup='MouseUpToMove(this);'><TD bgcolor=blue>0</TD><TD>0</TD><TD>0</TD></TR>
<TR bgcolor=#ffffff style='height:25;position:relative;' onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseup='MouseUpToMove(this);'><TD bgcolor=black>1</TD><TD>1</TD><TD>1</TD></TR>
<TR bgcolor=#ffffff style='height:25;position:relative;' onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseup='MouseUpToMove(this);'><TD bgcolor=red>2</TD><TD>2</TD><TD>2</TD></TR>
<TR bgcolor=#ffffff style='height:25;position:relative;' onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseup='MouseUpToMove(this);'><TD>3</TD><TD>3</TD><TD>3</TD></TR>
<TR bgcolor=#ffffff style='height:25;position:relative;' onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseup='MouseUpToMove(this);'><TD>4</TD><TD>4</TD><TD>4</TD></TR>
<TR bgcolor=#ffffff style='height:25;position:relative;' onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseup='MouseUpToMove(this);'><TD>5</TD><TD>5</TD><TD>5</TD></TR>
<TR bgcolor=#ffffff style='height:25;position:relative;' onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseup='MouseUpToMove(this);'><TD>6</TD><TD>6</TD><TD>6</TD></TR>
<TR bgcolor=#ffffff style='height:25;position:relative;' onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseup='MouseUpToMove(this);'><TD>7</TD><TD>7</TD><TD>7</TD></TR> </script>
</TABLE>
body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>JK</title>
<style>
.removableObj{
width:48px;height:48px;position:relative;
border:1px #cccccc solid;
background:#ffffff;
float:left;
}
</style>
</head>
<body>
<script language="javascript">
var objectObj=null;
var sourceObj=null;
var beginMoving=false;
function MouseDownToMove(obj){
obj.style.zIndex=1;
obj.mouseDownY=event.clientY;
obj.mouseDownX=event.clientX;
beginMoving=true;
obj.setCapture();
sourceObj=obj;
objectObj=null;
}function MouseMoveToMove(obj){
if(!beginMoving) return false;
obj.style.top = (event.clientY-obj.mouseDownY);
obj.style.left = (event.clientX-obj.mouseDownX);
}function MouseOverFun(obj){
objectObj=obj;
//alert(objectObj.rowIndex);
}function MouseUpToMove(obj){
if(!beginMoving) return false;
obj.releaseCapture();
obj.style.top=0;
obj.style.left=0;
obj.style.zIndex=0;
beginMoving=false;
window.setTimeout(swapFun(obj),20);
var tempTop=event.clientY-obj.mouseDownY;
var tempRowIndex=(tempTop-tempTop%40)/40;if(tempRowIndex+obj.rowIndex <0 )tempRowIndex=-1;
else tempRowIndex=tempRowIndex+obj.rowIndex;
/* if(tempRowIndex >= obj.parentElement.rows.length-1) tempRowIndex = obj.parentElement.rows.length-1;
obj.parentElement.moveRow(obj.rowIndex,tempRowIndex);
alert(tempRowIndex);
*/
}function swapFun(obj){
if (objectObj!=null)
{
}else{
alert("无");
}
obj.parentElement.moveRow(obj.rowIndex,obj);
}</script>
<TABLE WIDTH="300" BORDER="1" >
<TR bgcolor=#ffffff style='height:25;position:relative;' onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseup='MouseUpToMove(this);'><TD bgcolor=blue>0</TD><TD>0</TD><TD>0</TD></TR>
<TR bgcolor=#ffffff style='height:25;position:relative;' onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseup='MouseUpToMove(this);'><TD bgcolor=black>1</TD><TD>1</TD><TD>1</TD></TR>
<TR bgcolor=#ffffff style='height:25;position:relative;' onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseup='MouseUpToMove(this);'><TD bgcolor=red>2</TD><TD>2</TD><TD>2</TD></TR>
<TR bgcolor=#ffffff style='height:25;position:relative;' onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseup='MouseUpToMove(this);'><TD>3</TD><TD>3</TD><TD>3</TD></TR>
<TR bgcolor=#ffffff style='height:25;position:relative;' onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseup='MouseUpToMove(this);'><TD>4</TD><TD>4</TD><TD>4</TD></TR>
<TR bgcolor=#ffffff style='height:25;position:relative;' onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseup='MouseUpToMove(this);'><TD>5</TD><TD>5</TD><TD>5</TD></TR>
<TR bgcolor=#ffffff style='height:25;position:relative;' onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseup='MouseUpToMove(this);'><TD>6</TD><TD>6</TD><TD>6</TD></TR>
<TR bgcolor=#ffffff style='height:25;position:relative;' onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseup='MouseUpToMove(this);'><TD>7</TD><TD>7</TD><TD>7</TD></TR> </script>
</TABLE>
body>
</html>
解决方案 »
- 如何给chart控件中单独的点设置颜色
- 用C#做五笔打字软件怎么实现编码提示?
- .net 开发的winform程序启动时间太长,如何改善?
- 谢谢各位大侠帮忙看看
- 如何处理WebService中方法的参数是实体类的情况?急~~~~~~
- 如何在net 2.0的TreeView实现点击节点而不刷新页面呢,找了好多网站都没有好的解决方案
- WEB 1:1客服系统,原理是什么?
- C#中打印设置对话框中设置边界的值为什么每次打开都会变
- 内存问题。
- 我的显示有问题,大家帮忙看一下好吗?
- 在winform中,如何使窗体或容器控件为透明,但窗体或者容器控件里的子控件却是正常不透明的?
- C#获取网页鼠标点击控件的id??
http://www.jb51.net/article/12854.htm
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>JK </title>
<style>
.removableObj{
width:48px;height:48px;position:relative;
border:1px #cccccc solid;
background:#ffffff;
float:left;
}
</style>
</head>
<body>
<script language="javascript">
var objectObj=null;
var sourceObj=null;
var beginMoving=false;
function MouseDownToMove(obj){
obj.style.zIndex=1;
obj.mouseDownY=event.clientY;
obj.mouseDownX=event.clientX;
beginMoving=true;
obj.setCapture();
sourceObj=obj;
objectObj=null;
} function MouseMoveToMove(obj){
if(!beginMoving) return false;
obj.style.top = (event.clientY-obj.mouseDownY);
obj.style.left = (event.clientX-obj.mouseDownX);
} function MouseOverFun(obj){
objectObj=obj;
if (beginMoving) {
alert(objectObj.rowIndex);
}
} function MouseUpToMove(obj){
if(!beginMoving) return false;
obj.releaseCapture();
obj.style.top=0;
obj.style.left=0;
obj.style.zIndex=0;
beginMoving=false;
objectObj = window.event.toElement;
if (objectObj!=null)
{
var srcIndex = obj.rowIndex;
var destIndex = objectObj.parentElement.rowIndex;
tab.moveRow(srcIndex, destIndex);
tab.moveRow(destIndex - 1, srcIndex);
}else{
alert("ÎÞ");
}
} function swapFun(obj){ if (objectObj!=null)
{
var srcIndex = obj.rowIndex;
var destIndex = objectObj.parentElement.rowIndex;
tab.moveRow(srcIndex, destIndex);
tab.moveRow(destIndex - 1, srcIndex);
}else{
alert("ÎÞ");
}
} </script>
<TABLE WIDTH="300" BORDER="1" ID="tab">
<TR bgcolor=#ffffff style='height:25;position:relative;' onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseout='MouseUpToMove(this);'> <TD bgcolor=blue>0 </TD> <TD>0 </TD> <TD>0 </TD> </TR>
<TR bgcolor=#ffffff style='height:25;position:relative;' onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseout='MouseUpToMove(this);'> <TD>1 </TD> <TD>1 </TD> <TD>1 </TD> </TR>
<TR bgcolor=#ffffff style='height:25;position:relative;' onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseout='MouseUpToMove(this);'> <TD bgcolor=red>2 </TD> <TD>2 </TD> <TD>2 </TD> </TR>
<TR bgcolor=#ffffff style='height:25;position:relative;' onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseout='MouseUpToMove(this);'> <TD>3 </TD> <TD>3 </TD> <TD>3 </TD> </TR>
<TR bgcolor=#ffffff style='height:25;position:relative;' onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseout='MouseUpToMove(this);'> <TD bgcolor=black>4 </TD> <TD>4 </TD> <TD>4 </TD> </TR>
<TR bgcolor=#ffffff style='height:25;position:relative;' onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseout='MouseUpToMove(this);'> <TD>5 </TD> <TD>5 </TD> <TD>5 </TD> </TR>
<TR bgcolor=#ffffff style='height:25;position:relative;' onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseout='MouseUpToMove(this);'> <TD bgcolor=green>6 </TD> <TD>6 </TD> <TD>6 </TD> </TR>
<TR bgcolor=#ffffff style='height:25;position:relative;' onmousedown='MouseDownToMove(this)' onmousemove='MouseMoveToMove(this)' onmouseout='MouseUpToMove(this);'> <TD>7 </TD> <TD>7 </TD> <TD>7 </TD> </TR> </script>
</TABLE>
</body>
</html>
Yahoo! UI 组件吧