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

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

WBOY
풀어 주다: 2016-05-16 18:58:27
원래의
1139명이 탐색했습니다.

JS: 

复aze代码 代码如下:

/*
@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;
}
}
}

示例: 
复主代码 代码아래:



<머리>

无标题文档





<본문>




























관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
ID 记录
1 记录
2 记录
3 记录
4 记录