ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery に基づくテーブル情報の動的追加、削除、変更、クエリ (左/右クリック プロンプト付き) (Zjmainstay からのオリジナル)_jquery

jQuery に基づくテーブル情報の動的追加、削除、変更、クエリ (左/右クリック プロンプト付き) (Zjmainstay からのオリジナル)_jquery

WBOY
リリース: 2016-05-16 17:51:21
オリジナル
1528 人が閲覧しました

オンライン デモ: http://demo.jb51.net/js/2012/jqueryAutoAddDeleteTr/jqueryAutoAddDeleteTr_leftClick.html
//左クリック

コードをコピーします コードは次のとおりです:



jQuery アニメーション态增删表格










 
 
 
 
 
 
 
 


 
 
 
 
 
 
 
1


 
 
 
 
 
 
 
2


 
 
 
 
 
 
 
3


 
 
 
 
 
 
 
4


 
 
 
 
 
 
 
5


 
 
 
 
 
 
 
6




進歩增加一行
修正当前の行
方向下增加一行
删除当前行




jqueryAutoAddDeleteTr_rightClick.html
//右键(含シールド浏览器右键機能)
复制代代码如下:



jQuery アニメーション态增删表格










 
 
 
 
 
 
 
 


 
 
 
 
 
 
 
1


 
 
 
 
 
 
 
2


 
 
 
 
 
 
 
3


 
 
 
 
 
 
 
4


 
 
 
 
 
 
 
5


 
 
 
 
 
 
 
6




進歩增加一行
修正当前の行
方向下增加一行
删除当前行




jqueryAutoAddDeleteTr_leftClick_addsearch.html
//左键追加查询機能
复制發代码如下:



jQuery アニメーション态增删表格










 
 
 
 
 
 
 
 














1
2
3
4
5
6
7
8


a
b
c
d
e
f
g
h


A
B
C
D
E
F
G
H


aa
bb
cc
dd
ee
ff
gg
うーん


111
222
333
444
555
666
777
888


1a
2b
3c
4d
5e
6f
7g
8h




進歩增加一行
修正当前の行
方向下增加一行
删除当前行




追記:
var addToTrLeft = 534;

var addToTdLeft = 60; //addToTdLeft が設定されている場合、addToTrLeft は無効になります。プロンプト DIV clickTips 現在の tr の上端と左端からのオフセットは、上または左に移動するために負の数を変更できます。

ソフトウェアのダウンロード:
ダウンロード

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