ホームページ > ウェブフロントエンド > jsチュートリアル > テーブルをドラッグするための JS 関数_JavaScript スキル

テーブルをドラッグするための JS 関数_JavaScript スキル

WBOY
リリース: 2016-05-16 18:58:27
オリジナル
1140 人が閲覧しました

JS:

复制代码 代码如下:

/*
@parem オブジェクト、tbody のobject
@parem object tr のオブジェクト (null でなければなりません)
@parem string onmousedown の className
@parem string onmouseout の className
*/
function order(tt,old,classover) ,classout) {
var sf = argument.callee; //関数 self を取得します
var trs = tt.getElementsByTagName('tr');
for(var i=0;itrs[i].onmousedown = function () {
if(this.style.cursor == 'move') {
false を返します。
}
クラスアウト = this.className;
this.className = クラスオーバー;
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;
}
}
}

例:
复制代 代以下のように:





無标题文档































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



関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート