zblogPHP模板中常见的分享代码(依赖jquery)(分享到微信、qq、微博、qq空间、豆瓣等等功能)_前端技术

资料来源：网络整理时间：2023/3/4 1:03:41 共计：3583 浏览

share.js自定义分享到第三方SNS平台.zip 【下载地址】

作为zblogPHP开发者，最近发现不少开发者都上线了这种第三方分享插件，虽然插件都卖的不贵，但为了减少插件的使用，我还是把这个插件源代码全部公布出来吧，要先说明，这个代码包也是网路上下载的，应该没什么问题！

上图代码案例展示，具体的分享代码，还是下载包才好！

<!DOCTYPE html>    
<html lang="en">    
<head>    
<meta charset="UTF-8">    
<title>test</title>    
<meta name="site" content="content site">    
<meta name="Site" content="content Site">    
<meta name="title" content="content title">    
<meta name="Title" content="content Title">    
<link rel="stylesheet" href="share.min.css">    
<style>    
.row { padding: 20px 0 0 20px }    
.row-pad { padding: 20px 0 0 60px }    
</style>    
</head>    
<body>    
<div class="row-pad">    
<h1>test</h1>    
</div>    
<ol>    
<li class="row">    
<div class="social-share" data-sites="weibo,qq,qzone,tencent"></div>    
</li>    
<li class="row">    
<div class="share-component" data-disabled="wechat , facebook, twitter, google"></div>    
</li>    
<li class="row">    
<div class="social-share"></div>    
</li>    
<li class="row">    
<div class="social-share" data-initialized="true"> <a href="#" class="social-share-icon icon-weibo"></a> <a href="#" class="social-share-icon icon-qq"></a> <a href="#" class="social-share-icon icon-qzone"></a> </div>    
</li>    
<li class="row">    
<div class="social-share" data-mode="prepend"> <a href="javascript:" class="social-share-icon icon-heart"></a> </div>    
</li>    
<li class="row">    
<div id="share-1"></div>    
</li>    
<li class="row">    
<div id="share-2"></div>    
</li>    
<li class="row">    
<div id="share-3" data-sites="weibo,qq,qzone,tencent"></div>    
</li>    
<li class="row">    
<div id="share-4" data-disabled="wechat , facebook, twitter, google"></div>    
</li>    
</ol>    
<script src="jquery.js"></script><!--jquery必须带-->
<script src="jquery.share.min.js"></script>     
<script>    
	$('#share-1').share();    
	$('#share-2').share({sites: ['qzone', 'qq', 'weibo','wechat']});    
	$('#share-3').share();    
	$('#share-4').share();    
</script>    
</body>    
</html>

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

·上一条：padding和box-sizing:border-box; 外边框变为内边框_CSS学习 | ·下一条：CSS 图片水平垂直全部居中（图片尺寸小于块级父元素）_CSS学习