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

    JavaScript

    曲線上にテキストを配置できるjQueryプラグイン「CurvedText」

    CurvedTextというjQueryプラグインを使えば、任意の曲線上…

  2. no-image

    JavaScript

    シンプルでカスタマイズも簡単なパララックスエフェクト実装「parlx.js」

    parlx.jsはシンプルでカスタマイズも簡単なパララックスエフェクト…

  3. Excolo Slider

    JavaScript

    タッチにも対応しているシンプルなjQueryスライダー「Excolo Slider」

    タッチやマウススライドにも対応しているシンプルなjQueryスライダー…

  4. gliojs

    JavaScript

    viewportから離れた時にイベントをトリガーしてくれる「gliojs」

    gliojsは、ページを閲覧している時にマウスがviewport(表示…

  5. no-image

    JavaScript

    リッチキャプションを備えたイメージビューア「CaptionBox」

    CaptionBoxは、リッチキャプションを備えた美しいイメージビュー…

  6. 2013年上半期jQueryプラグインまとめ

    JavaScript

    当ブログで今まで紹介したjQueryプラグイン25選のまとめ 2011/09 – 201…

    2011年9月〜2012年3月までに当ブログで紹介したjQueryプラ…

コメント

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

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

最近の記事

  1. Waterlogue
  2. macOS Mojaveのダークモード
  3. Olli
  4. 単語帳メーカー(Flashcard Maker App)

Facebookページ

PAGE TOP