Animated table sort


Description: テーブル内の要素をアニメーションさせながらソート出来るシンプルでベーシックなプラグインです。IE6や7でも動作します。
Sample: demo
Tutorial: Animated table sort (REGEXP friendly)
License: -

Sample

題名 番号 その他
題名1 日本 0010 292400
題名2 韓国 01582 203800
題名3 USA 01484 146234
題名4 France 01228 103700
題名5 ドイツ 01273 155919
題名6 オーストラリア 01483 62796
題名7 ベルギー 01256 82913
題名8 タイ 01745 24889

Note

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
<script type="text/javascript" src="jquery.tableSort.js"></script>

jQueryとプラグインのみで動作します。レイアウトはcssで調整してください。

Related snippet :

  • Description: 写真をランダム表示します。光のエフェクトでインパクトを与えてくれそうですね。デモでは、スタッフの写真をTOP絵に使う、というものですが、この方法は割 ...
  • Description: スクロールバーのデザインを変えるプラグインです。Flashではよく見かけたスクロールバーのデザインを全ブラウザで実装できます。デザインにより統一 ...
  • Description: 横幅全体を使ったダイナミックなイメージギャラリーです。IE6以外はかなり素敵な表現が出来そう。アニメーションしながらズームし、そのままスライドショー ...
  • Description: 横長で可愛いコンテンツスライダーです。オート機能も追加されたようです。縦横のサイズを決めれば画像に限らず、様々なコンテンツを入れることが可能で、1ペ ...
  • Description: Facebookのように、インスタンスサーチから選択後にタグ化出来るプラグインです。大量の選択肢がある場合は、ドロップダウンや入力方式であることが殆 ...
  • Description: キーワードでその場でTwitter検索を可能にするプラグインです。jqueryUIとjQuery Twitter Search Pluginを併用し ...
  • Description: jQueryを使ってWYSIWYGを構築します。機能としてはやや乏しいですが、これはこれで面白いですね。一応、WYSIWYGの基本的な機能は揃ってい ...