基于jQuery交互体验社会化分享代码。这是一款鼠标点击分享按钮向右滑出腾讯微博,新浪微博,QQ空间,豆瓣,微信,二维码分享等分享平台。效果图如下:
实现的代码。
html代码:
<div style="text-align:center;font:normal 14px/24px 'MicroSoft YaHei';clear:both;width:160px;margin:0 auto;"> <br /><br /><br /><br /><br /><br /> <div id="socialShare"></div> <script> $(function () { $("#socialShare").socialShare({ content: '', url: '', titile: '' }); }); $("#shareQQ").on("click", function () { $(this).socialShare("tQQ"); }) </script> </div>
via:http://www.w2bc.com/article/2015-11-29-show-share-botton