通常パターン

アイコンの形を変更した場合

SNSの種類を変更した場合

縦並びに変更した場合

このプラグインの実際の動きを確認したい場合は、PCからアクセスして下さい。

  • files
  • js
  • html
<link href="<PATH>/jquery.share.css" rel="stylesheet" />
<script src="<PATH>/jquery.min.js"></script>
<script src="<PATH>jquery.share.js"></script>
<script>
	$(function(){
		$('#jqueryShare01').share({
			networks: ['facebook','pinterest','googleplus','twitter','linkedin','tumblr','email']
		});
		
		$('#jqueryShare02').share({
			networks: ['facebook','pinterest','googleplus','twitter','linkedin','tumblr','email'],
			theme: 'square'
		});
		
		$('#jqueryShare03').share({
			networks: ['facebook','twitter','googleplus']
		});
		
		$('#jqueryShare04').share({
			networks: ['facebook','twitter','googleplus'],
			orientation: 'vertical'
		});
	});
</script>
<p class="title">通常パターン</p>
<div id="jqueryShare01"></div>

<p class="title">アイコンの形を変更した場合</p>
<div id="jqueryShare02"></div>

<p class="title">SNSの種類を変更した場合</p>
<div id="jqueryShare03"></div>

<p class="title">縦並びに変更した場合</p>
<div id="jqueryShare04"></div>

shareについて

Jquery-shareは、様々なSNSサービスへのシェアボタンを簡単に設置できるプラグインです。
横並び、縦並びもオプションで設定可能で、SNSの種類は、11種類用意されています。
ダウンロード こちら
ドキュメント こちら
デモ こちら
ライセンスMIT
対応ブラウザ

関連するjQueryプラグイン

  • ClassySocial

    ClassySocial

    ClassySocialは、ソーシャルボタンをアニメーションで出し入れできるようにする

  • social

    social

    SNSへの記事のシェアや、自分のフォローの誘導をクールに