散分：发个DIV拖拽，请各位老师指点。该怎么解决

2012-03-28

散分：发个DIV拖拽，请各位老师指点。。。!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//EN http://

散分：发个DIV拖拽，请各位老师指点。。。
<!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> Freedom </title>

<style type= "text/css ">
body {
width:100%;
max-height:100%;
padding:0px;
margin:0px;
text-align:center;
}

.cell {
float:left;
clear:right;
}

.row {
clear:both;
}

.r_nbsp {
width:20px;
}

.root {
width:868px;
margin: 0 auto;
}

.root * {
/*次属性FF的说*/
-moz-user-select:none;
}

.line {
width:202px;
line-height:20px;
height:20px;
overflow:hidden;
font-size:12px;
}

.move {
border:#CCCCCC 1px solid;
width:200px;
height:aotu;
}

.title {
height:24px;
cursor:move;
background:#0080C0;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
line-height:24px;
text-align:center;
}

.content {
border-top:#CCCCCC 1px solid;
height:100px;
background-color:#F7F7F7;
}

.CDrag_temp_div {
border:#CCCCCC 1px dashed;
}
</style>

[解决办法]
MARK
很不错的东西
保存了

[解决办法]
好复杂,学习
[解决办法]
类的风格不错，支持，接分！ :)
[解决办法]
好好长。。。。。。
[解决办法]
接分,,,口水俺就留个楼下的接了...
[解决办法]
无聊着,这两天都不知道写了啥,,,灌一下...

function AddNewItem(sMainId, sSubTag, sItemNumMkrStart, sItemNumMkrEnd)
{
var Debug = false;
var oMain = document.getElementById(sMainId);
if(oMain==null)
{
alert( "无法获得 Main 对象! ");
return;
} // end if

var oSubList = oMain.getElementsByTagName(sSubTag);
if(oSubList.length==0)
{
alert( "获取子对象集合出错! ");
return;
} // end if

if(Debug)
{
alert( "oSubList.length: "+oSubList.length);
alert( "typeof(oSubList[oSubList.Length-1]): "+typeof(oSubList[oSubList.length-1]));
alert( "oSubList[oSubList.length-1].tagName: "+oSubList[oSubList.length-1].tagName);
}

var tempNode = document.createElement(sSubTag);
var tempNodeText = oSubList[oSubList.length-1].innerHTML;

if(sItemNumMkrStart!=null&&sItemNumMkrEnd!=null)
{
if(Debug)
{
alert( "mark text ok ");
}
var re = new RegExp( "[^ <> \\d]*([\\d]+)[\\s]* "+sItemNumMkrEnd, "i ");
tempNodeText=tempNodeText.replace
(
re
,
function($1,$2)
{
$2 = $2.replace(/^\s+|\s+$/gi, " ");

$2 = $2-0+1;

var sFinal = $2+sItemNumMkrEnd;
return sFinal;
}
);
}
tempNode.innerHTML=tempNodeText;
var tempTextNode = document.createTextNode( "\r\n ");

oMain.appendChild(tempNode);
oMain.appendChild(tempTextNode);
} // end function AddNewItem

function SetCompOrPrs(oRdo, sForDsabId)
{
var Debug = false;
var oTemp = document.getElementById(sForDsabId);

if(oTemp==null)
{
alert( "目标对象为空！ ");
return;
}

switch(oRdo.value)
{
case "0 ":
oTemp.value = "非公司 ";
oTemp.disabled = true;
break;

default:
oTemp.value = "请输入贵公司名称 ";
oTemp.disabled = false;
break;
}

if(Debug)
{
alert( "SetCompOrPrs Ok ");
}

} // end function SetCompOrPrs
[解决办法]
/*-----------------------------------------------*\
* shawl.qiu SubmitCheck 类 v1.0
\*-----------------------------------------------*/
//---------------------------------begin class SubmitCheck()-------------------------------//
function SubmitCheck()
{ // shawl.qiu code
//------------------------------------begin public variable
//---------------begin about
this.auSubject = 'shawl.qiu SubmitCheck 类 v1.0 ';
this.auVersion = 'v1.0 ';
this.au = 'shawl.qiu ';
this.auEmail = 'shawl.qiu@gmail.com ';
this.auBlog = 'http://blog.csdn.net/btbtd ';
this.auCreateDate = '2007-4-26 ';
//---------------end about
this.Debug = true;

this.Form = function(){};
this.Form.ID = "OrderForm ";

this.RdoSleNoEmptyItem = "opcompanyRdo:1::opcompanyname ";
this.NotEmptyItem = " "; // a|b|c
this.IsEmail = " "; // a|b|c

this.ListItemMainId = "TempDl ";
this.ListItemTag = "div ";

this.NotEmptyListItem = " "; // a|b|c
this.IsNumberNameRange = " "; // a|b|c

this.MatchLength = " "; // name:len|name:len

this.IsVerify = " ";

this.Go = fGo;
//------------------------------------end public variable

//------------------------------------begin private variable
var Tl = this;
var bValidate = false;
var oForm;
//------------------------------------end private variable

//------------------------------------begin public method
//------------------------------------end public method

//------------------------------------begin private method
function fGo()
{
var debug = true;
oForm = document.getElementById(Tl.Form.ID);

if(oForm==null)
{
alert( "无法获得 Form 对象! ");
return;
} // end if

oForm.onsubmit = fSubmit;
oForm.onreset = fReset;

} // end function fGo();

function fSubmit()
{
var bSubmit = confirm( "现在提交表单吗? ");
if(!bSubmit) return false;

fTrimForm(this);

// start RdoSleNoEmptyItem
// "opcompanyRdo:1::opcompanyname "
var RdoSleNoEmptyItemRge = Tl.RdoSleNoEmptyItem.split( "| ");
for(var i=0; i <RdoSleNoEmptyItemRge.length; i++)

{
var ItemRge = RdoSleNoEmptyItemRge[i].split( ":: ");
var ItemFthRge = ItemRge[0].split( ": ");

if(this[ItemFthRge[0]][0].checked)
{
var ItemForCkRge = ItemRge[1].split( ": ");
for(var j=0; j <ItemForCkRge.length; j++)
{
this[ItemForCkRge[j]].value = fStrTrim(this[ItemForCkRge[j]].value);
if(fStrTrim(this[ItemForCkRge[j]].value)== " ")
{
alert( "不能为空的项! ");
this[ItemForCkRge[j]].focus();
return false;
}
}
}
} // end if
// end RdoSleNoEmptyItem

// start Tl.NotEmptyItem
var NotEmptyItemRge = Tl.NotEmptyItem.split( "| ");
for(var i = 0; i < NotEmptyItemRge.length; i++)
{
this[NotEmptyItemRge[i]].value = fStrTrim(this[NotEmptyItemRge[i]].value);
if(this[NotEmptyItemRge[i]].value== " ")
{
alert( "不能为空的项! ");
this[NotEmptyItemRge[i]].focus();
return false;
}
}
// end Tl.NotEmptyItem

IsEmailRge = Tl.IsEmail.split( "| ");
for(var i=0; i <IsEmailRge.length; i++)
{
if(fIsEmail(this[IsEmailRge[i]].value)==false)
{
alert( "请输入正确的电子邮件地址! ");
this[IsEmailRge[i]].focus();
return false;
} // end if
} // end for

var MatchLengthRge = Tl.MatchLength.split( "| ");
for(var i=0; i <MatchLengthRge.length; i++)
{
var ItemRge = MatchLengthRge[i].split( ": ");
if(ItemRge.length!=2)
{
alert( "集合 ItemRge 出错! ");
}

var oItem = this[ItemRge[0]];
var iValue = ItemRge[1]-0;

if(oItem.value.length!=iValue)
{
alert( "长度不匹配的项! ");
oItem.focus();
return false;
}
}

var ListItemMain = document.getElementById(Tl.ListItemMainId);
if(ListItemMain==null)
{
alert( "列表主域出错! ");
return false;
}

var ListItemTagRge = ListItemMain.getElementsByTagName(Tl.ListItemTag);
if(ListItemTagRge.length==0)
{
alert( "列表项出错! ");
return false;
}

for(var i=0; i <ListItemTagRge.length; i++)
{
//alert(this[ "oname "][i].value);
var NotEmptyListItemRge = Tl.NotEmptyListItem.split( "| ");
try
{
var bEmpty = true;
for(var j=0; j <NotEmptyListItemRge.length; j++)
{
NotEmptyListItemRge[j] = fStrTrim(NotEmptyListItemRge[j]);

if(fStrTrim(this[NotEmptyListItemRge[j]][i].value)!= " ")
{
bEmpty = false;
} // end if
} // end for 1

if(bEmpty)
{
ListItemTagRge[i].parentNode.removeChild(ListItemTagRge[i]);
--i;
} // end if
}
catch(e)
{

} // end try
} // end for

if(ListItemTagRge.length==0)
{
alert( "操作出错, 没有可以提交的项! ");
return false;
}

for(var i=0; i <ListItemTagRge.length; i++)
{
//alert(this[ "oname "][i].value);
var NotEmptyListItemRge = Tl.NotEmptyListItem.split( "| ");
try
{
for(var j=0; j <NotEmptyListItemRge.length; j++)
{
NotEmptyListItemRge[j] = fStrTrim(NotEmptyListItemRge[j]);

this[NotEmptyListItemRge[j]][i].value = fStrTrim(this[NotEmptyListItemRge[j]][i].value);
if(fStrTrim(this[NotEmptyListItemRge[j]][i].value)== " ")
{
alert( "不能为空的项! ");
this[NotEmptyListItemRge[j]][i].focus();
return false;
} // end if
} // end for 1
}
catch(e)
{

} // end try
} // end for

var IsNumberNameRangeRge = document.getElementsByName(Tl.IsNumberNameRange);

for(var i = 0; i < IsNumberNameRangeRge.length; i++)
{
if(!fIsNumber(IsNumberNameRangeRge[i].value))
{
alert( "项必须为数字! ");
IsNumberNameRangeRge[i].focus();
return false;
} // end if
} // end for

if(Tl.IsVerify!= " ")
{
this[Tl.IsVerify].value = "true ";
}

return true;
} // end function fSubmit

function fReset()
{
return confirm( "现在重置内容吗? ");
}

function fStrTrim(sStr){
return sStr.replace(/^\s+|\s+$/g, ' ');
} // shawl.qiu code

function fIsEmail(sIpt)
{
return /@/.test(sIpt);
}

function fIsNumber(sIpt)
{
return /^[\d.]+$/.test(sIpt);
}

function fTrimForm(oForm)
{
for(var i=0; i <oForm.length; i++)
{
if(oForm[i].type== "text "||oForm[i].type== "textarea ")
{
oForm[i].value = fStrTrim(oForm[i].value);
} // end if
} // end for
function fStrTrim(sStr){
return sStr.replace(/^\s+|\s+$/g, ' ');
} // shawl.qiu code
} // end function fTrimForm
//------------------------------------end private method
} // shawl.qiu code
//---------------------------------end class SubmitCheck()---------------------------------//
[解决办法]
操作页.... 不要问我是什么...
核心代码略....

<!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=utf-8 " />
<title> <% Response.Write(Sys.Name()); %> -> <%Response.Write(pageName);%> </title>
</head>
<style type= "text/css ">
/* <![CDATA[*/
@import "/style/css.css ";
@import "style/style.css ";
</style>
<script type= "text/javascript " src= "/js/js.js "> </script>
<script type= "text/javascript " src= "js/js.js "> </script>
<script type= "text/javascript ">
// <![CDATA[
onload =
function()
{
var sc = new SubmitCheck();
sc.Form.ID = "OrderForm ";

sc.RdoSleNoEmptyItem = "opcompany:1::opcompanyname ";
sc.NotEmptyItem = "opname|optel|opmobile|opemail|odrCkCd ";
sc.IsEmail = "opemail ";

sc.ListItemMainId = "TempDl ";
sc.ListItemTag = "div ";

sc.NotEmptyListItem = "oname|oquantity ";
sc.IsNumberNameRange = "oquantity ";

sc.MatchLength = "odrCkCd:4 ";

sc.IsVerify = "IsVerify ";

sc.Go();

sc = null;
};
//]]>
</script>
<body>
<form runat= "server " id= "OrderForm ">

<div class= "main aboutusMain ">
<b class= "xtop ">
<b class= "xb1 "> </b>
<b class= "xb2 "> </b>
<b class= "xb3 "> </b>
<b class= "xb4 "> </b>
</b>
<div class= "xboxcontent ">
<div class= "mainText ">
<div class= "subNav ">
<img src= "/images/homeBtn.png " />
<a href= "/ " class= "subNavAl "> <% Response.Write(Sys.GetCpIfDt().Rows[0][ "cpShortName "]); %> </a>
->
<a href= " <% Response.Write(Sys.GetFgNavDt().Select( "pname= ' "+pageName+ " ' ")[0][ "plink "]); %> " class= "subNavCurLink "> <% Response.Write(pageName); %> </a>
</div>

<div class= "details ">
<img src= "/images/page/ <% Response.Write(Utility.GetCurFolder()); %> Details.png " />
</div>

<div class= "text ">
<asp:Label ID= "InfoLabel " runat= "server " />
<div class= "orderAtsMsg ">
本定单系统采用了严格的验证机制, 为了避免不必要的麻烦, 请认真填写核对! 谢谢合作!
</div>
<table width= "100% " border= "0 " align= "center " cellpadding= "0 " cellspacing= "0 " class= "orderPrsTbl ">
<tr>
<td width= "120 " align= "right " valign= "top "> 定单性质*： </td>
<td align= "left " valign= "top ">
<input name= "opcompany " type= "radio " value= "1 " checked
onclick= "SetCompOrPrs(this, 'opcompanyname '); "
/>
公司
<input name= "opcompany " type= "radio " value= "0 "
onclick= "SetCompOrPrs(this, 'opcompanyname '); "
/>
个人 </td>
</tr>
<tr>
<td width= "120 " align= "right " valign= "top "> 公司/单位/机构： </td>
<td align= "left " valign= "top ">
<input type= "text " name= "opcompanyname " id= "opcompanyname "
size=40
/>
</td>
</tr>
<tr>
<td width= "120 " align= "right " valign= "top "> 联系人*： </td>
<td align= "left " valign= "top ">
<input type= "text " name= "opname " />
</td>
</tr>
<tr>
<td width= "120 " align= "right " valign= "top "> 电话*： </td>
<td align= "left " valign= "top ">
<input type= "text " name= "optel " />
</td>
</tr>
<tr>
<td width= "120 " align= "right " valign= "top "> 手机*： </td>

<td align= "left " valign= "top ">
<input type= "text " name= "opmobile " />
</td>
</tr>
<tr>
<td width= "120 " align= "right " valign= "top "> 传真： </td>
<td align= "left " valign= "top ">
<input type= "text " name= "opfax ">
</td>
</tr>
<tr>
<td width= "120 " align= "right " valign= "top "> 电子邮箱*： </td>
<td align= "left " valign= "top ">
<input type= "text " name= "opemail ">
</td>
</tr>
<tr>
<td width= "120 " align= "right " valign= "top "> 定单备注： </td>
<td align= "left " valign= "top ">
<textarea name= "optext " cols= "40 " rows= "5 "> </textarea>
</td>
</tr>
<tr>
<td align= "right " valign= "top "> 验证码： </td>
<td align= "left " valign= "top ">
<input type= "text " name= "odrCkCd " size= "5 " />
<img src= "/cs/CheckCode.aspx?sessionname=odrCkCd " />
</td>
</tr>
</table>

<div class= "odrAddNewItem ">
<div class= "fltr ">
<a href= "# " onclick= "AddNewItem( ' <% Response.Write(TempDl.ClientID); %> ', 'div ', '  ', '  ');return false; "> 再添加一个项目 </a>
</div>
<div class= "fltl ">
对于不需要的项目, 请保留该项目所在列所有控件值为空.
</div>
</div>
<br clear= "both " />
<table width= "100% " border= "0 " cellspacing= "0 " cellpadding= "0 " class= "orderListItemDet ">
<tr align= "center " valign= "middle ">
<td width= "15% "> 项目 </td>
<td width= "15% "> 产品编号 </td>
<td width= "15% "> 产品名* </td>
<td width= "15% "> 数量* </td>
<td width= "15% "> 包装规格 </td>
<td width= "25% "> 备注 </td>
</tr>
</table>

<asp:DataList id= "TempDl "
BorderColor= "black "
CellPadding= "0 "
CellSpacing= "0 "
RepeatDirection= "Horizontal "
RepeatLayout= "Flow "
RepeatColumns= "1 "
ShowBorder= "True "
runat= "server ">

<HeaderTemplate>
</HeaderTemplate>

<HeaderStyle BackColor= "#aaaadd ">
</HeaderStyle>

<AlternatingItemStyle>
</AlternatingItemStyle>

<ItemTemplate>
<div>
<table width= "100% " border= "0 " cellspacing= "0 " cellpadding= "0 ">
<tr align= "center " valign= "middle ">
<td width= "15% ">

<%# DataBinder.Eval(Container.DataItem, "id ") %> 
</td>
<td width= "15% ">
<input name= "osn " type= "text " class= "orderShortItemWidth " size= "10 "
/> </td>
<td width= "15% "> <input name= "oname " type= "text " class= "orderMidItemWidth " size= "15 "> </td>
<td width= "15% ">
<input name= "oquantity " type= "text " class= "orderShortItemWidth " size= "10 " />
</td>
<td width= "15% "> <input name= "opackformat " type= "text " class= "orderMidItemWidth " size= "15 " /> </td>
<td width= "25% "> <textarea name= "oremark " cols= "15 " rows= "4 " class= "orderRemarkWidth "> </textarea> </td>
</tr>
</table>
</div>
</ItemTemplate>
<%--
<SeparatorTemplate>
</SeparatorTemplate>
--%>
<FooterTemplate>
</FooterTemplate>
</asp:DataList>

<div class= "orderSubmit ">
<asp:Button runat= "server "
Text= "提交 "
OnClick= "SubmitOrder "
/>
<input type= "reset " value= "重置 "
/>
<input type= "hidden " name= "IsVerify " value= "false " />
</div>
</div>
</div>
</div>
<b class= "xbottom ">
<b class= "xb4 "> </b>
<b class= "xb3 "> </b>
<b class= "xb2 "> </b>
<b class= "xb1 "> </b>
</b>
</div>


</form>
</body>
</html>

[解决办法]
//拖动函数
function drag(elementToDrag, event) {
event = event || window.event;
var startX = event.clientX, startY = event.clientY;
var origX = elementToDrag.offsetLeft, origY = elementToDrag.offsetTop;
var deltaX = startX - origX, deltaY = startY - origY;
if (document.addEventListener) {
document.addEventListener( "mousemove ", moveHandler, true);
document.addEventListener( "mouseup ", upHandler, true);
}
else if (document.attachEvent) {
elementToDrag.setCapture( );
elementToDrag.attachEvent( "onmousemove ", moveHandler);
elementToDrag.attachEvent( "onmouseup ", upHandler);
elementToDrag.attachEvent( "onlosecapture ", upHandler);
}
else {
var oldmovehandler = document.onmousemove;
var olduphandler = document.onmouseup;
document.onmousemove = moveHandler;
document.onmouseup = upHandler;
}
if (event.stopPropagation) event.stopPropagation( );
else event.cancelBubble = true;
if (event.preventDefault) event.preventDefault( );
else event.returnValue = false;

│ │ SysBasic.ascx
│ │ SysConfig.ascx
│ │ SysFeedback.ascx
│ │ SysMarking.ascx
│ │ SysOrder.ascx
│ │ SysPage.ascx
│ │ SysProduct.ascx
│ │ SysUser.ascx
│ │
│ ├─config
│ │ CfgFeedback.ascx
│ │ CfgOrder.ascx
│ │ CfgProduct.ascx
│ │
│ ├─feedback
│ │ FbConfig.ascx
│ │ FbDel.ascx
│ │ FbList.ascx
│ │
│ ├─marking
│ │ MrkAdd.ascx
│ │ MrkDel.ascx
│ │ MrkMain.ascx
│ │
│ ├─order
│ │ DelOrder.ascx
│ │ DelOrderItem.ascx
│ │ OdrConfig.ascx
│ │ OdrDisplay.ascx
│ │ OdrList.ascx
│ │
│ └─product
│ │ Add.ascx
│ │ cat.ascx
│ │ PrdConfig.ascx
│ │ PrdDel.ascx
│ │ PrdEdit.ascx
│ │ PrdMain.ascx
│ │
│ ├─ac
│ │ List.ascx
│ │
│ └─include
│ leftCol.aspx
│
├─html_template
│ addProduct.htm
│ MarkMain.html
│ MrkAdd.html
│ OdrDisplay.html
│ SysConfig.html
│ SysFeedback.htm
│ SysOrder.html
│
├─include
│ leftCol.aspx
│ prdupload.aspx
│ rightTopCol.aspx
│ SysFooter.aspx
│
├─login
│ default.aspx
│
├─logout
│ default.aspx
│
└─style
style.css

[解决办法]
好吧, 不过俺是不再上QQ了, 这两天重装了两次系统, 估计是使用QQ的原因...
闪... 借问一下, 谁有 avg anti spyware 的可用版...
[解决办法]
写的不错，接分
[解决办法]
先存起来慢慢消化！
[解决办法]
Cool~~!
[解决办法]
谢谢，收藏一下
[解决办法]
mark
[解决办法]
谢过
[解决办法]
就是拖拽...
哎`
就要写这么多代码```
我就写不出啦```
[解决办法]
mark
[解决办法]
貌似 prototype 的说.

支持.MARK
[解决办法]
有些长但是瞒好的,全力支持.我还是一个初学者要是能有一些适合初学的这方面的资料就好了
[解决办法]
接分
http://www.chenjiliang.com/Article/View.aspx?ArticleID=2370&TypeID=31
[解决办法]
mark
[解决办法]
接分
[解决办法]
回头写个简单版,代码量能少很多的...嘿嘿
------解决方案--------------------

代码写的真的很不错，可用性、兼容性都做到了。
楼主你可以再做深一步，因为现在这个版本还只是一个DEMO。你可以在每个DIV块里内嵌一个iframe或者一个AJAX可以异步加载其它的资源，加上最大化、最小化、关闭、新建；然后再结合你现在的结果，就是一个非常不错的Explorer了。
[解决办法]
只兼容ie没几行代码就搞定了,嘿嘿
[解决办法]
强，收藏了
[解决办法]
shouxia,3Q
[解决办法]
看得头大，晕乎乎。
[解决办法]
收藏收藏~``
[解决办法]
学习~~

[解决办法]
学习
[解决办法]
收藏了
[解决办法]
MARK
[解决办法]
jf
[解决办法]
非常强的说～
[解决办法]
mark
[解决办法]
支持接分!
[解决办法]
我一直也有做这个东西的想法，呵呵！
[解决办法]
会用到,mark，谢谢
[解决办法]
都是牛人
[解决办法]
学习了
[解决办法]
jf~好长啊~~ 我觉得用js html做这么个功能不值得啊~~消耗体力大~~这种复杂的用户体验用别的ui比较好~~~
[解决办法]
非常强的说～

<div style= 'position:absolute;width:200;height:200;background:red ' onmousedown=MouseDown(this) onmousemove=MouseMove() onmouseup=MouseUp()> <table border=1> <tr> <Td> adsf </table> </div>
<script>
var Obj
function MouseDown(obj){
Obj=obj
Obj.setCapture()
Obj.l=event.x-Obj.style.pixelLeft
Obj.t=event.y-Obj.style.pixelTop
}
function MouseMove(){
if(Obj!=null){
Obj.style.left = event.x-Obj.l
Obj.style.top = event.y-Obj.t
}
}
function MouseUp(){
if(Obj!=null){
Obj.releaseCapture()
Obj=null
}
}
</script>

[解决办法]
www.ctrl1.com
[解决办法]
接分
[解决办法]
懒得看代码是来顶的。
自己写的扬扬洒洒一千多行JS都不想去看。
烦。都是被逼出来的代码。

老板拿登子看后面人怎么发挥
[解决办法]
mark
[解决办法]
jf
[解决办法]
好。。。。JF
[解决办法]
MARK
------解决方案--------------------

虚心学习。
[解决办法]
这个世界猛男太多了
[解决办法]
jf
[解决办法]
我回来了
王晨进步好快啊
向你学习
[解决办法]
小帅哥很猛啊～～～～

[解决办法]
小帅哥很猛啊～～～～
[解决办法]
小帅哥很猛啊～～～～
很强。
比51js上面的那个还要长
[解决办法]
接分…………
[解决办法]
经典之作
[解决办法]
收藏贴！

[解决办法]
收藏
[解决办法]
学习ing
[解决办法]
接分是不可能的了。
顶一下是必须的了。

[解决办法]
Mark~!
[解决办法]
收藏之
[解决办法]
+都是什么呀 . 乱七八糟的
[解决办法]
呵呵
[解决办法]
呵呵
[解决办法]
不错....
[解决办法]
的确很长.
[解决办法]
不错的说
学习了
[解决办法]
收藏
[解决办法]
不错，有prototype.js的风格。
[解决办法]
meizz老大的那个我在IE7和FF下都用不到...
[解决办法]
接分
[解决办法]
jf
我看到过个
<!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 " lang= "gb2312 ">
<head>
<title> 代码实例：拖动对象 Drag Object (兼容:IE、Firefox、Opera ... ) </title>
<meta http-equiv= "content-type " content= "text/html; charset=gb2312 " />
<meta name= "editor " content= "枫岩,http://www.cnlei.com ">
<meta name= "keywords " content= "代码实例：拖动对象 ">
<meta name= "description " content= "最简短的拖动对象代码实例演示 ">
<style>
.aa {position:relative;cursor:move;}
</style>
<script language= "javascript ">
<!--
// Author: Unkonw
// Modify: 枫岩@CnLei.com
var ie=document.all;
var nn6=document.getElementById&&!document.all;

热点排行

JavaScript

散分：发个DIV拖拽，请各位老师指点。该怎么解决