MS Access Tips/Sample and VBA and Blog customize etc...

jQuery で複数リストの要素をシャッフルする

jQueryで複数リストの要素を並べ替える - hatena chips

で要素の並び替えを紹介しましたが、HTML要素や配列をランダムに並べ替える(シャッフルする)jQueryプラグインを紹介します。

画像のようにカードのシャッフルはできませんのであしからず。

jQueryでシャッフル

難易度:

jQuery: Shuffle Plugin

下記にプラグインがあります。

jQuery: Shuffle Plugin | Yelotofu

さすが jQuery です。非常にコンパクトなコードになっています。コードは下記。

download the plugin

html

シャッフルのサンプル

上記のように複数リストの要素も一気にシャッフルできます。

jsコード

コードも非常に簡潔に記述できます。

リストだけでなく、div要素やp要素でもシャッフルできます。

サンプルページ

リストのシャッフルのサンプルがあります。


拍手する

Leave a reply






Trackbacks

trackback URL
http://hatenachips.blog34.fc2.com/tb.php/402-76dc5c77
該当の記事は見つかりませんでした。