jquery实现网站侧边栏社交分享按钮

maolai web前端评论429阅读模式

jquery实现网站内容页侧边栏社交分享按钮特效,网站社交分享按钮特效代码,如何增加社交分享工具到你的网站,文章中如何加入分享到微博及社交网站的按钮(代码实现,非插件)

随着微博、微信和一些社交网站的流行,为了便于网站中文章的分享和转载,很多站长在自己的网站中都加入了分享按钮。

在要实现分享的页面头部加入以下css链接

<link href="http://www.bokequ.com/blog/19/css/share.min.css" rel="stylesheet" media="screen" type="text/css"/>

在要显示的文章内容页加以下代码

<div class="view-share">
	  <div class="view-share-title">
	    <span>分享</span>
	  </div>
	  <div id="share-1"></div>
	</div>
	<script src="http://www.bokequ.com/blog/19/js/jquery.share.min.js"></script>
	<script>
	  $('#share-1').share({sites: ['wechat','qzone', 'qq', 'weibo','douban']});
	</script>

效果显示地址http://www.bokequ.com/blog/19/4.html

 
maolai
  • 本文由 maolai 发表于 2024年1月7日 02:52:38
  • 转载请务必保留本文链接:http://www.bokequ.com/560.html

发表评论