• Webドクターに関するお問合せ・ご質問・ご相談は下記より。
  • お電話でのお問合せ0120-356-932
  • Webでのお問合せ

テーブルで並べたデータをアニメーションで
ソートができるスクリプト

ホームページ作成のアイル HOME > 様々なスクリプト活用 > テーブルで並べたデータをアニメーションでソート可能

テーブルで並べたデータ群をアニメーション効果を持たせてソートが可能になります。
カテゴリ・分野別等のデータ等をホームページ上に掲載したい場合、細かい料金表の提示など、テーブル形式で表示し、ソートもできるようにしたいという場合に使えると思います。

実装デモ

スライドでソート

地域 駅名 物件名 築年数 間取り 価格
新宿 新大久保 メゾン新宿 3 1LDK 15
新宿 曙橋 コーポ曙橋 5 1K 13
渋谷 神泉 サンクチュアリレジデンス 1 2LDK 18
目黒 不動前 メクサージュ目黒 2 2LDK 20
上野 上野 上野サンレジデンス 10 1K 8
足立 北千住 北千住ハイツ 20 1K 7

フェードでソート

地域 駅名 物件名 築年数 間取り 価格
新宿 新大久保 メゾン新宿 3 1LDK 15
新宿 曙橋 コーポ曙橋 5 1K 13
渋谷 神泉 サンクチュアリレジデンス 1 2LDK 18
目黒 不動前 メクサージュ目黒 2 2LDK 20
上野 上野 上野サンレジデンス 10 1K 8
足立 北千住 北千住ハイツ 20 1K 7

横に流れるようなイメージでソート

地域 駅名 物件名 築年数 間取り 価格
新宿 新大久保 メゾン新宿 3 1LDK 15
新宿 曙橋 コーポ曙橋 5 1K 13
渋谷 神泉 サンクチュアリレジデンス 1 2LDK 18
目黒 不動前 メクサージュ目黒 2 2LDK 20
上野 上野 上野サンレジデンス 10 1K 8
足立 北千住 北千住ハイツ 20 1K 7
スクリプトを活用すればホームページ作成に色んなアクセントを加えることができます!
他にもどんな活用方法があるかは下記より!

テーブルで並べたデータをアニメーションでソートができるスクリプト[jQuery]
他社には絶対に真似できないノウハウから業種別、業態別、戦略的なホームページ作成を支援する、それが『Webドクター』。売上を伸ばしたい。市場のニーズを把握したい。販路を拡大したい。新ビジネスを展開したい。ホームページ作成の『Webドクター』は、このようなことをお考えの方にお勧めのサービスです。『Webドクター』のホームページ作成を活用された事例もご紹介しております。また『Webドクターライト』『ECサイト制作』『LP制作パック』『FLASHサイト制作』などユーザーの声からご要望に応じて立ち上がったサービスもございます。中小企業に特化し、幅広い業種のノウハウを持っているアイルのHP作成だからこそ、結集したトータルサポートが可能です!
ページ上部へ