NO IMAGE

JavaScript

シンプルなシェアボックス(ソーシャルボタンリスト)を実装できる「jquery.sharebox」

jquery.shareboxは、シンプルなシェアボックスを実装することができるjQueryプラグインです。Facebook、Google+、Twitter、Pinterestなどといったリスト化したソーシャルボタンを表示させることが可能です。

jquery.sharebox

jquery.sharebox

実際のデモ動作はファイルをダウンロードして確認することができます。デモでは3つのサンプルが用意されています。

Facebook、Google+、Twitterの3つのソーシャルボタンが表示されているものや、それにプラスしてDigg、LinkedIn、Pinterest、Pocket、Reddit、StumbleUpon、Tumblr、Printといったボタンが表示されているものも見ることが可能です。

シンプルなデザインでスッキリしたレイアウトなので、いろんなサイトに合わせやすそうですね。実際の使い方もとても簡単で手軽に実装できると思います。

また、jquery.shareboxにはオプションもいくつか用意されています。主なオプションは、url、title、servicesです。表示させるボタンの種類は「services」から設定できます。

ちなみに、servicesのデフォルト値は、facebook、twitter、google+です。

オプションはHTMLタグにdata属性(「data-○○」といった形式で記述)として指定できるほか、一般的なjQueryオプションのようにJS内に指定することもできます。

さまざまなサービスのソーシャルボタンが用意されているので、自分のサイトに必要なものをピックアップして活用されてみてはいかがでしょうか?

関連記事

  1. iconate.js

    JavaScript

    アイコンをオシャレにアニメーションしながらtransformさせる「iconate.js」

    iconate.jsはアイコンをアニメーションさせながら別のアイコンへ…

  2. BookBlock Revised
  3. NO IMAGE
  4. popModal

    JavaScript

    6種類のモーダルウィンドウを実装できる「popModal」

    popModalは6種類のモーダルウィンドウを実装することができるjQ…

  5. Before and After image script
  6. raccordion

    JavaScript

    レスポンシブにも対応!アコーディオンのイメージスライダーを実装できるjQueryプラグイン「racc…

    レスポンシブにも対応しているjQueryプラグインのアコーディオンのイ…

最近の記事

  1. Soundcore Liberty Neo(第2世代)
  2. EH-NA0B
  3. KPS-88
  4. Happy Plugs AIR1
  5. cheero Stream 10000mAh

アーカイブ

PAGE TOP