JavaScript

jQueryで空港や駅にある掲示板のように指定した文字が切り替わっていくAirportを使ってみた

面白いプラグインがあったので使ってみました。空港や駅にある掲示板みたいに文字が切り替わっていくjQueryプラグイン「Airport」です。名前がいい感じです。使い方もシンプルすぎてこれ以上ないくらい簡単ですね。以下使い方です。

[ads_center]

使い方

以下のサイトからファイルをダウンロードします。

jQuery本体とダウンロードしたjsファイルを読み込みます。

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js?ver=1.7.1'></script>
<script type="text/javascript" src="jquery.airport-1.1.source.js"></script>

あとは配列に表示させたい文字を指定していきます。

<script type="text/javascript">
$(function(){
    $('#sample').airport([
        'airport',
        'text',
        'sample'
    ]);
});
</script>

HTML

<div id="sample"></div>

シンプルでとても簡単ですね。

空港が好きな人はちょっとしたアクセントとして使ってみても面白いかもしれないっすね。

Google +1(プラスワン)ボタンを今更ながら設置してみた前のページ

iPhoneの人気のカメラアプリ「プロカメラ」がすごくよかったのでその基本的な使い方次のページ

関連記事

  1. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryのeachと$.eachの簡単な使い方のメモ

    jQueryのeachと$.eachの使い方のメモです。あんまり深い知…

  2. JavaScript

    jQueryの基本的なセレクターを適当に試してみる

    自分の勉強用としてちょっと適当に試してみました。jQueryの基本のセ…

  3. evol-colorpicker

    JavaScript

    マイクロソフト オフィス2010のようなカラーピッカー「evol-colorpicker」

    evol-colorpickerは、マイクロソフト オフィス2010の…

  4. Responsive Parallax Drag-slider With Transparent Letters
  5. Impulse Slider

    JavaScript

    3Dスライダーを実装できるjQueryプラグイン「Impulse Slider」

    Impulse SliderというjQueryプラグインを使えば3Dス…

  6. no-image

    JavaScript

    円形に飛び出すメニューを実装できる「ggExpandableOptions」

    ggExpandableOptionsは円形に飛び出すメニューを実装で…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. DCG-CA21
  2. Apple WatchでのMacロック解除を無効
  3. オータムスイートポテトフラペチーノ
  4. 紅葉
  5. ナノケア EH-NA0E

アーカイブ

PAGE TOP