タグ

ブックマーク / raining.bear-life.com (2)

  • jQuery:ページアクセス、リンク時にフェードする方法 | raining

    jQueryを使用してサイトアクセス時にページ内容をフェードインさせる方法と、 リンクをクリックした時にフェードアウトしてからページ遷移する方法をメモします。 フェードイン、フェードアウトするのに下記のメソッドを使用しています。 fadeIn([speed], [callback]) 指定した要素をフェードインして表示します。 fadeOut([speed], [callback]) 指定した要素をフェードアウトして非表示にします。 ※[callback]は処理終了時に実行する内容を記述します。 ■ フェードイン、フェードアウトする方法 「wrapper」の内容がフェードインして表示されます。 また、リンクをクリックするとフェードアウトしてページ遷移します。 【JS】 <script type="text/javascript" src="http://ajax.googleapis.co

  • Javascript:javascriptで配列の中身をランダムに並び替える | raining

    Javascriptで配列の中身をランダムに並び替える方法をメモします。 sort()メソッドを使用することで配列の順番を並び替えることができます。 引数がない場合はアルファベット順でソートされます。 今回はsort()メソッドに無名関数を指定し、random()メソッドで生成した値に ‘0.5’を引いた値で配列の順番をソートしています。 img.sort( function() { return Math.random() - 0.5; } ); 正の値、負の値、0で比較し配列を並び替えます。 下記は画像をランダムに並べ替えて表示した際の方法です。 ■ 複数の画像をランダム表示 【javascript,jQuery】 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/

  • 1