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>

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

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

関連記事

  1. CollagePlus

    JavaScript

    画像を綺麗に整列させるjQueryプラグイン「CollagePlus」

    画像を綺麗に整列させる便利なjQueryプラグイン「CollagePl…

  2. HR Navigation Responsive Menu
  3. Presentation Slideshow
  4. Bootstrap Show Password
  5. Gradientify

    JavaScript

    シンプルなCSSグラデーション変化を実装できる「Gradientify」

    GradientifyはシンプルなCSSグラデーション変化を実装するこ…

  6. Morphext

    JavaScript

    複数テキストをアニメーションで切り替えていくjQueryプラグイン「Morphext」

    MorphextというjQueryプラグインを使えば、複数テキストをア…

コメント

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

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

最近の記事

  1. RICOH THETA SC2
  2. 簡易アクセス
  3. SOUNDLINK MINI II Special Edition

アーカイブ

PAGE TOP