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. basicContext

    JavaScript

    使いやすいコンテキストメニューを実装できる「basicContext」

    basicContextはシンプルで使いやすいコンテキストメニューを実…

  2. no-image

    JavaScript

    高さを揃えたレスポンシブな画像ギャラリー「jQuery Mosaic plugin」

    jQuery Mosaic pluginは高さを揃えたレスポンシブな画…

  3. Scrolla

    JavaScript

    スクロール時にアニメーションするjQueryプラグイン「Scrolla」

    Scrollaは上下スクロールしたときにアニメーションするjQuery…

  4. Sticky Slider Navigation(Responsive)
  5. jQuery Accordion
  6. Sticky Sidebar

    JavaScript

    スマートでハイパフォーマンスな追尾型サイドバー実装「Sticky Sidebar」

    Sticky Sidebarは、スマートでハイパフォーマンスな追尾型サ…

コメント

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

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

最近の記事

  1. RF85mm F2 MACRO IS STM
  2. Anker PowerWave Pad Alloy
  3. Anker Bolder LC30
  4. BG-R10

アーカイブ

PAGE TOP