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

    虫メガネのようにマウスを置いた所を拡大することができるjQueryプラグイン「mlens」

    虫メガネのようにマウスを置いた所を拡大することができるjQueryプラ…

  2. MG Space

    JavaScript

    Google画像のようなアコーディオンプラグイン「MG Space」

    MG SpaceはGoogle画像のようなjQueryアコーディオンプ…

  3. Air Datepicker

    JavaScript

    軽量でクロスブラウザ、モダンブラウザに対応した「Air Datepicker」

    Air Datepickerは軽量でクロスブラウザ、モダンブラウザに対…

  4. nanoGALLERY
  5. uploadHBR

    JavaScript

    複数の画像選択に対応したjQueryファイルアップローダー「uploadHBR」

    uploadHBRは複数の画像選択に対応したファイルアップローダーを実…

  6. jquery.matchHeight.js

最近の記事

  1. ルック セレクション
  2. シルキーウインドモバイル
  3. アリエール パワージェルボール3D
  4. NuAns × Shibaful TAGPLATE

アーカイブ

PAGE TOP