집 >웹 프론트엔드 >JS 튜토리얼 >tables_javascript 기술을 드래그하는 JS 함수

tables_javascript 기술을 드래그하는 JS 함수

WBOY원래의: 2016-05-16 18:58:271165검색

JS:

/* 
@parem object the tbody's object 
@parem object tr의 개체(null이어야 함) 
@parem string onmousedown의 className 
@parem string onmouseout의 className 
*/ 
function order(tt,old,classover ,classout) { 
var sf =args.callee; //self 함수 가져오기 
var trs = tt.getElementsByTagName('tr'); 
for(var i=0;itrs[i].onmousedown = function () { 
if(this.style.cursor == 'move') { 
거짓을 반환합니다. 
} 
classout = this.className; 
this.className = classover; 
this.style.cursor = '이동'; 
오래된 = 이것; 
} 
trs[i].onmouseover = function () { 
if(this.style.cursor == 'move' || !old) { 
return false; 
} 
var tmp_old = old.cloneNode(true); 
var tmp_now = this.cloneNode(true); 
var p = this.parentNode; 
p.replaceChild(tmp_now,old); 
p.replaceChild(tmp_old,this); 
sf(tt,tmp_old,classover,classout); 
} 
trs[i].onmouseout = function () { 
//this.className = classout; 
} 
trs[i].onmouseup = function () { 
this.className = classout; 
this.style.cursor = ''; 
이전 = null; 
} 
} 
}

示例：

复主代码代码아래:

<머리>

无标题文档

<본문>

성명：

이전 기사：js가 프레임 하위 페이지를 새로 고치는 7가지 방법 code_javascript 기술다음 기사：js가 프레임 하위 페이지를 새로 고치는 7가지 방법 code_javascript 기술

ID	记录
1	记录
2	记录
3	记录
4	记录

tables_javascript 기술을 드래그하는 JS 함수

관련 기사