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

    レスポンシブに対応して画像をポップアップ表示してくれる素敵なjQueryプラグイン「fancyBox…

    とても有名なプラグインですが、今まで使ってみたことがなかったので試して…

  2. Grasp Mobile Progress Circle
  3. Flex-box Gallery

    JavaScript

    ランダムサイズの画像をかっこいいギャラリーにしてくれる「Flex-box Gallery」

    Flex-box Galleryは、ランダムサイズによる画像たちをかっ…

  4. no-image

    JavaScript

    立体的なナビゲーションメニューを実装できる「Sidebar Menu Concept」

    Sidebar Menu Conceptは立体的なナビゲーションメニュ…

  5. Circliful

    JavaScript

    円グラフで統計情報を伝えたい時に役立つjQueryプラグイン「Circliful」

    CirclifulというjQueryプラグインを使えば、統計情報を伝え…

  6. Validatr

    JavaScript

    HTML5のinput属性による検証ができるフォーム実装「Validatr」

    Validatrは、HTML5のinput属性を用いて検証できるさまざ…

最近の記事

  1. 梅
  2. CAR-HLD12BK
  3. OWL-LPB6701LA

アーカイブ

PAGE TOP