まとめーたー

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 がランダムで変わります。

スポンサードリンク

関連記事

関連カテゴリ

  1. ビジネス・経済
  1. パソコン・ソフトウェア
  2. web
  3. プログラム
  4. javascript
  5. jquery
  1. パソコン・ソフトウェア
  2. web
  3. プログラム
  4. php
  5. cakephp
  1. パソコン・ソフトウェア
  2. web
  3. デザイン
  4. CSS
  5. twitter bootstrap
  1. 料理
  2. 料理レシピ
  3. ご飯物のレシピ

コロ助

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

ピックアップ

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

12月5日 ( 木 ) にアクセスが多かった記事はこちら！