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

  • files
  • js
  • html
<link href="<PATH>/jquery.classysocial.min.css" rel="stylesheet" />
<script src="<PATH>/jquery.min.js"></script>
<script src="<PATH>/jquery.classysocial.min.js"></script>
<script>
    $(window).load(function(){
		$('.classysocial').ClassySocial();
    });
</script>
<div id="ClassySocialDemo01" class="ClassySocial-demo">
	<div class="classysocial" data-orientation="line" data-picture=[jplugin]/sns/ClassySocial/images/share_core_square.jpg data-facebook-handle="zuck" data-twitter-handle="jack" data-email-handle="info4webtbt.com" data-pinterest-handle="ben" data-instagram-handle="kevin" data-networks="facebook,twitter,instagram,pinterest,email"></div>
</div>
<div id="ClassySocialDemo02" class="ClassySocial-demo">
	<div class="classysocial" data-orientation="arc" data-picture=[jplugin]/sns/ClassySocial/images/share_core_square.jpg data-facebook-handle="zuck" data-twitter-handle="jack" data-email-handle="info4webtbt.com" data-pinterest-handle="ben" data-instagram-handle="kevin" data-networks="facebook,twitter,instagram,pinterest,email"></div>
</div>
<div id="ClassySocialDemo03" class="ClassySocial-demo">
	<div class="classysocial" data-orientation="linedown" data-picture=[jplugin]/sns/ClassySocial/images/share_core_square.jpg data-facebook-handle="zuck" data-twitter-handle="jack" data-email-handle="info4webtbt.com" data-pinterest-handle="ben" data-instagram-handle="kevin" data-networks="facebook,twitter,instagram,pinterest,email"></div>
</div>

ClassySocialについて

ClassySocialは、ソーシャルボタンをアニメーションで出し入れできるようにするプラグインです。 SNSボタンに動きをつけたい人におすすめです。
ダウンロード こちら
ドキュメント こちら
デモ こちら
ライセンスMIT
対応ブラウザ

関連するjQueryプラグイン

  • social

    social

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

  • share

    share

    様々なSNSサービスへのシェアボタンを簡単に設置