bringins

JavaScript

コンテンツをかっこいいアニメーションページで魅せるjQueryプラグイン「bringins」

bringinsはWebページ上のコンテンツを、アニメーションページとして表示させるjQueryプラグインです。新たにページを作成するまでもないコンテンツの表示におすすめです。主にテキストを表示させるコンテンツに効果的です。アニメーションはページの左右または中央のうち、どこに表示させるかを指定することが可能です。ページを離れることなく新たなコンテンツをかっこよく魅せれるので、ユーザーのページ離脱を防ぐ効果も期待できますね。

bringins

デモ

  • [デモ1]右表示/幅50%/背景 透過のグレー/マージン50px/closeボタンRGB(102102102)
  • [デモ2]左表示/幅40%/背景グレー/マージン50px/closeボタン白
  • [デモ3]中央表示/幅100%/背景ブラック/マージン50px/closeボタン白

アニメーションの表示部分はスクロール機能を備えており、オプションとしてページの幅・背景色・マージン(余白)・ページの「closeボタン」の配色が指定可能です。CSSは自由に書き換えれるので、あなたの思うままに表現できます。

アニメーションの表示時間は約3秒です。無駄な動きがなく洗練されたアニメーションで表示されるので、ユーザーにストレスを感じさせることなくページの閲覧をしてもらえます。また、同じアニメーションを繰り返し発生させることもできます。

レシポンシブには残念ながら対応していないようなので、PCサイトでの使用がおすすめです。

会員サイトやECサイトなどで、訪問ユーザーへ一時的に何かをお知らせしたい時はありませんか?

そんな時はぜひ、bringinsをチェックしてみてください。例えば、期間限定のキャンペーンやセール情報などです。ページを新たに作成する作業を軽減し、かつ簡単にアニメーションとしてスマートに表示をさせることが可能になります。

bringins

サンワサプライ リングマウス2指につけて操作できるサンワサプライのリングマウス2「400-MA077」前のページ

レスポンシブ対応の整列されたフォトギャラリー「Bootstrap Photo Gallery jQuery plugin」次のページBootstrap Photo Gallery jQuery plugin

関連記事

  1. TypeIt

    JavaScript

    タイピングアニメーションを実装できる「TypeIt」

    TypeItはタイピングアニメーションを実装できるjQueryプラグイ…

  2. Lobibox

    JavaScript

    レスポンシブなメッセージを通知できる「Lobibox」

    Lobiboxはレスポンシブなメッセージボックスを通知できるjQuer…

  3. FrameScrub
  4. no-image

    JavaScript

    軽量なスティッキー要素を実装できるjQueryプラグイン「Zebra Pin」

    Zebra Pinは軽量なスティッキー要素を実装できるjQueryプラ…

  5. jTableScroll

    JavaScript

    ヘッダーとフッターを固定したままスクロール可能なテーブル「jTableScroll」

    jTableScrollはヘッダーとフッターを固定したままスクロール…

  6. Animate Plus

    JavaScript

    CSS、SVGを使った多彩なアニメーションを実装できる「Animate Plus」

    Animate PlusはCSS、SVGを使った多彩なアニメーションを…

最近の記事

  1. 芳醇な香りのラムレーズンサンド
  2. Aモーニングセット
  3. 白トリュフの塩パンやメロンパンなど
  4. 東京都現代美術館
  5. スーリア バターチキン

アーカイブ

PAGE TOP