category
サイト構築 -JavaScript

[JS]広告やプロモーションを邪魔にならないように表示するスクリプト -Meerkat

  • この記事をdel.cio.usに登録する
  • この記事をはてなブックマークに登録する
  • この記事をGoogleブックマークに登録する
  • この記事をYahoo!ブックマークに登録する
  • この記事をdiggに登録する
  • この記事をlivedoor clipに登録する
  • この記事を@nifty クリップに登録する

広告やプロモーション、スプラッシュコンテンツを掲載したパネルをアニメーションでスライド表示させるスクリプトをJarod Taylorから紹介します。

サイトのキャプチャ

Meerkat
demo 2

パネルはブラウザの上部や下部から表示され、上のキャプチャは下部からアニメーションでスライド表示されたものです。

スプラッシュページのように全面に表示することもできます。

サイトのキャプチャ

demo 3

スクリプトのオプションでは、ロード時の状態、パネルの表示位置、アニメーション(スライドorフェード)、アニメーションのスピードなどが調整できます。

MeerkatはjQueryのプラグインのため実装にはjquery.jsが必要です。

実装する際のサンプルコードの掲載もあります。
How-To Use Meerkat

Post on:2009年12月18日

  • この記事をdel.cio.usに登録する
  • この記事をはてなブックマークに登録する
  • この記事をGoogleブックマークに登録する
  • この記事をYahoo!ブックマークに登録する
  • この記事をdiggに登録する
  • この記事をlivedoor clipに登録する
  • この記事を@nifty クリップに登録する

トラックバック

トラックバック(URL)

コメント

comment:

※承認制のため、即時には反映されません。

ページの先頭へ




© coliss

RSS