MORE以前に「jQueryで数字をカウントアップしながら表示する方法」と題して、jQueryで数字をカウントアップさせながら表示する方法を紹介しましたが、数字を表示する別パターンとして、ランダムにシャッフルしたアニメーションによって一桁ずつ順々に表示する方法でインパクトを与えることもあります。MORE以前の記事で「jQueryで画像などコンテンツ要素を順番にフェードインさせる方法」と題して、一覧となって並べられた画像をjQueryを使って順々にフェードインさせる方法を紹介しましたが、同様のパターンで、フェードインさせる順番をランダムにするパターンをできるだけシンプルな構成で作ってみたので紹介してみます。MORE画像の一覧など画面上にコンテンツ要素をたくさん並べられたWebページではページのロード時に順々に要素を読み込んでアニメーション表示したり見せ方を変えることで様々な印象を与えているWebサイトをよく見かけます。Webサイト構築に関する技術やWebサービスを紹介するブログです。jQueryをはじめとしたWebサイトを彩る技術のほか、HTML(HTML5)、CSS(CSS3)、iPhoneやTwitterを使った実験などなど、Webサイト制作に役立つであろうと思われる情報を備忘録として掲載しています。