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

    JavaScript

    複数テキストをアニメーションで切り替えていくjQueryプラグイン「Morphext」

    MorphextというjQueryプラグインを使えば、複数テキストをア…

  2. radialIndicator

    JavaScript

    シンプルな円形のインジケーターを実装できるjQueryプラグイン「radialIndicator」

    radialIndicatorはシンプルで美しい円形のインジケーターを…

  3. JavaScript

    アニメーション付きの水平・垂直プログレスメーターを実装できる「jQMeter」

    jQMeterはアニメーションが付いた水平・垂直のプログレスメーターを…

  4. no-image

    JavaScript

    フルスクリーンによるjQueryモーダルウィンドウ実装「FullMod」

    FullModはフルスクリーンによるモーダルウィンドウを実装できるjQ…

  5. Block Slide

    JavaScript

    jQueryプラグインで印象的なエフェクトで魅せるモーダルウィンドウ「Block Slide」

    Block SlideというjQueryプラグインを使えば印象的なエフ…

  6. Shine

    JavaScript

    ダイナミック(動的)で美しいシャドウを実装できるJSライブラリ「Shine」

    ShineというJavaScriptライブラリが素敵だったのでメモがて…

最近の記事

  1. KMC-80BK
  2. 味噌ラーメン〜旨辛にんにく味噌〜
  3. STP-XH70
  4. 久保田城

Instagram始めました

Facebookページ

PAGE TOP