jquery で ロゴをランダムに変更

2014年10月30日更新 view: 7 view
http://www.logoyes.co.jp/img/top/sb_2.jpg

ロゴをランダムに変更しよう

まとめーたーのページはロゴがランダムで変わります。
jqueryで簡単にできますよ。

スポンサードリンク
   $(function () {                logo_array = [                  "/img/logo/logo.png",                  "/img/logo/logo2.png",                  "/img/logo/logo3.png",                  "/img/logo/logo4.png",                  "/img/logo/logo5.png"              ];                logo = logo_array.map(function(a){return {weight:Math.random(), value:a}})                  .sort(function(a, b){return a.weight - b.weight})                  .map(function(a){return a.value});                $('h1.logo').css('background-image', 'url(' + logo[0] + ')');            });

これで h1.logo の background-image がランダムで変わります。

スポンサードリンク

関連記事

関連カテゴリ

コロ助

web関連の記事や制作系の記事をどんどんまとめていきます。 宜しくお願いします!

ピックアップ

パソコン・ソフトウェア ランキング

9月21日 ( 金 ) にアクセスが多かった記事はこちら!