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. no-image

    JavaScript

    Bootstrap 4を使ったステッパープラグイン「bs-stepper」

    bs-stepperはBootstrap 4を使ったステッパーを実装で…

  2. Adi.js

    JavaScript

    アドブロックを検知してくれる「Adi.js」

    Adi.jsはアドブロックを検知してくれるjQueryプラグインです。…

  3. Holmes

    JavaScript

    ページ内で特定のテキストを高速に検索してくれるライブラリ「Holmes」

    Holmesは、ページ内部を簡単にかつ高速に検索してくれるライブラリで…

  4. jQuery Bar Rating

    JavaScript

    選択範囲を評価ウィジェットに変換できる「jQuery Bar Rating」

    jQuery Bar Ratingは、ユーザーが選択する範囲を評価ウィ…

  5. Notyf

    JavaScript

    シンプルでレスポンシブ対応のカッコイイ通知を表示できる「Notyf」

    Notyfはシンプルでレスポンシブに対応したカッコイイ通知を表示させる…

  6. jqueryIntroLoader

コメント

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

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

最近の記事

  1. タリーズ ハムチーズ&サラダサンド
  2. クリニカのY字タイプのフロス
  3. 日和山公園の桜
  4. 成城石井 フレンチロースト
  5. COMOLI カシミアシルクニットパーカ

アーカイブ

PAGE TOP