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内に指定することもできます。

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

Foxholderプレースホルダに多彩なアニメーションエフェクトを付けれる「Foxholder」前のページ

フレキシブルでパワフルなモーダルウィンドウを実装できる「ssi-modal」次のページssi-modal

関連記事

  1. no-image

    JavaScript

    あらかじめ設定したリストなどから複数タグを選択できる「Tokenize2」

    Tokenize2は、あらかじめ設定したリストやAjaxから複数のタグ…

  2. no-image

    JavaScript

    シンプルで美しい軽量のjQueryモーダルウィンドウ「umodal」

    umodalはスッキリしたシンプルで美しいモーダルウィンドウを実装でき…

  3. jQuery Accordion

    JavaScript

    シンプルで実用的なアコーディオン実装「jQuery Accordion」

    とてもシンプルで操作性のよいアコーディオン「jQuery Accord…

  4. marginotes

    JavaScript

    テキストの余白に注釈をつけて読みやすい記事をつくれる「marginotes」

    marginotesは、クールなマージンノートを作成するjQueryプ…

  5. emotion-ratings

    JavaScript

    絵文字を使ったレーティング機能を実装できる「emotion-ratings」

    emotion-ratingsは絵文字を使ったレーティング機能を実装で…

  6. Jquery modal box plugin

最近の記事

  1. スタバ ドリップコーヒー
  2. エチオピア
  3. 紗々 飴色和栗
  4. DCG-CA21
  5. Apple WatchでのMacロック解除を無効

アーカイブ

PAGE TOP