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

    JavaScript

    タイピングしているような効果を実装できるjQueryプラグイン「VintageTxt」

    VintageTxtというjQueryプラグインを使えば、文字をタイピ…

  2. Parallaxor

    JavaScript

    美しいパララックス効果を最小限のコードで実装できるjQueryプラグイン「Parallaxor」

    Parallaxorは最小限のミニマルなコードで美しいパララックス効果…

  3. Los Scrollos

    JavaScript

    シンプルで滑らかな水平スクロール実装「Los Scrollos」

    Los Scrollosはシンプルで滑らかな水平スクロールを実装できる…

  4. JavaScript

    テキストを中央に向かうにつれて大きくしたりできるjQueryプラグイン「jqIsoText」

    結構おもしろかったのでメモしときます。テキストに簡単なエフェクトをかけ…

  5. Cavendish.js

    JavaScript

    CSS transitionsを活用したシンプルなスライドショーを実装できるjQueryプラグイン「…

    CSS transitionsを活用したシンプルなスライドショーを実装…

最近の記事

  1. cheero USB-C PD Charger 60W
  2. DY-S01
  3. OWL-QI10W04
  4. BQ-CC87L

アーカイブ

PAGE TOP