まとめーたー

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

2014年10月30日更新 view: 11 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. パソコン・ソフトウェア
  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. ご飯物のレシピ
  1. パソコン・ソフトウェア
  2. web
  3. プログラム
  4. javascript
  5. node.js

コロ助

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

ピックアップ

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

7月23日 ( 火 ) にアクセスが多かった記事はこちら！