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

関連記事

  1. JavaScript

    シンプル・軽量・簡単なLightBox系モーダルウィンドウのjQueryプラグイン「portBox」…

    portBoxというjQueryプラグインを使えばシンプルで軽量なLi…

  2. no-image

    JavaScript

    スクロールした時に最適な位置に合わせてくれる「jQuery.panelSnap」

    jQuery.panelSnapは、コンテンツごとに縦に並べられたパネ…

  3. bcralnit.js
  4. Stripe.Com Navigation

    JavaScript

    コンテナがアニメーションで可変するナビゲーション「Stripe.Com Navigation」

    ナビゲーションメニューのコンテナがアニメーションで可変するドロップダウ…

  5. SweetModal

    JavaScript

    シンプルでエレガントなモーダルウィンドウを実装できる「SweetModal」

    SweetModalは、アラートやダイアログなどをシンプルでエレガント…

最近の記事

  1. 田沢湖
  2. ハクバ シリコンクロス
  3. トライポッドスリーブ
  4. レンズペン3 ミニプロとレンズペン ELITE マイクロプロ

Instagram始めました

Facebookページ

PAGE TOP