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

    JavaScript

    シンプルでフレキシブルなドロップダウンメニュー「Dropit」

    Dropitはシンプルでフレキシブルなドロップダウンメニューを実装でき…

  2. Yet Another Ripple Plugin
  3. scrollama.js

    JavaScript

    スクロールイベントを実装できるモダンで軽量なJSライブラリ「scrollama.js」

    scrollama.jsは、スクロールイベントを実装することができるモ…

  4. Swipebox

    JavaScript

    スマホやタブレットのスワイプにも対応したLightboxを実装できるjQueryプラグイン「Swip…

    今後かなり需要がありそうなjQueryプラグインがあったので使い方も兼…

  5. Ion Zoom

    JavaScript

    シンプルで美しいLightbox系のjQueryプラグイン「Ion Zoom」

    シンプルで美しいLightbox系のjQueryプラグイン「Ion Z…

  6. Chocolat

    JavaScript

    レスポンシブ対応のシンプルなLightbox風のjQueryプラグイン「Chocolat」

    Chocolatはレスポンシブに対応したシンプルでスタイリッシュなLi…

最近の記事

  1. OWL-WDDESK01
  2. ワンタッチ着脱フィルターキット
  3. Soundcore Ace A1
  4. cheero USB-C PD Charger 60W

アーカイブ

PAGE TOP