原创js分享网页代码,非百度分享

发布时间:2020-03-22 21:53:51 作者:筱航科技 来源:本站 浏览量(52) 点赞(55)
摘要:筱航科技原创js分享网页代码,长春筱航科技有限公司(www.xiaohangkeji.cn)专注长春地区企业营销型网站建设、高端网站设计、手机网站制作、响应式网站制作、网站SEO优化、LOGO设计、小程序开发、产品包装设计、APP开发、网站推广等一站式网站解决方案,服务热销:18443124181。

原创js分享网页代码,非百度分享

HTML部分

<div class="post-like-donate text-center clearfix" id="post-like-donate">
  <a href="http://www.xiaohangkeji.cn" class="Donate"><i class="fa fa-bitcoin"></i> 打赏</a>
  <a href="javascript:;" id="btn" data-action="love" data-id="730" class="Love " ><i class="fa fa-thumbs-o-up"></i> 点赞</a>
  <a href="javascript:;"  class="Share" ><i class="fa fa-share-alt"></i> 分享</a>
  <div class="share-wrap" style="display: none;">
    <div class="share-group">
      <a href="javascript:;" class="share-plain twitter" onclick="share('qq');" rel="nofollow">
        <div class="icon-wrap">
        <i class="fa fa-qq"></i>
        </div>
      </a>
      <a href="javascript:;" class="share-plain weibo" onclick="share('weibo');" rel="nofollow">
        <div class="icon-wrap">
        <i class="fa fa-weibo"></i>
        </div>
      </a>
      <a href="javascript:;" class="share-plain facebook style-plain" onclick="share('facebook');" rel="nofollow">
        <div class="icon-wrap">
        <i class="fa fa-facebook"></i>
        </div>
      </a>
      <a href="javascript:;" class="share-plain googleplus style-plain" onclick="share('googleplus');" rel="nofollow">
        <div class="icon-wrap">
        <i class="fa fa-google-plus"></i>
        </div>
      </a>
      <a href="javascript:;" class="share-plain weixin pop style-plain" rel="nofollow">
        <div class="icon-wrap">
        <i class="fa fa-weixin"></i>
        </div>
        <div class="share-int">
        <div class="qrcode" data-url="http://www.xiaohangkeji.cn"></div>
        <p>打开微信“扫一扫”,打开网页后点击屏幕右上角分享按钮</p>
        </div>
      </a>
    </div>
  </div>
</div>

JS部分

<script type="text/javascript">
function share(obj){
  var qqShareURL="http://connect.qq.com/widget/shareqq/index.html?";
  var weiboShareURL="http://service.weibo.com/share/share.php?";
  var facebookShareURL="https://www.facebook.com/sharer/sharer.php?";
  var twitterShareURL="https://twitter.com/intent/tweet?";
  var googleplusShareURL="https://plus.google.com/share?";
  var host_url="当前页面链接";
  var title="文章标题";
  var qqtitle="QQ的自定义留言";
  var excerpt="这是文章的简介……";
  var pic="这是文章的图片路径";
  var appkey="";
  var _URL;
  if(obj=="qq"){
    _URL=qqShareURL+"url="+host_url+"&title="+qqtitle+"&pics="+pic+"&desc=&summary="+excerpt+"&site=vtrois";
  }else if(obj=="weibo"){
    _URL=weiboShareURL+"url="+host_url+"&appkey="+appkey+"&title="+title+excerpt+"&pic="+pic;
  }else if(obj=="facebook"){
    _URL=facebookShareURL+"u="+host_url;
  }else if(obj=="twitter"){
    _URL=twitterShareURL+"text="+title+excerpt+"&url="+host_url;
  }else if(obj=="googleplus"){
    _URL=googleplusShareURL+"url="+host_url;
  }
  window.open(_URL);
}
</script>


筱航科技主营业务: 长春网站建设 - 长春网站制作 -长春网站设计 -长春网站开发 -长春网站优化 -长春网站SEO - 长春网站推广 - 长春网络营销 - 长春网站关键词排名 -长春微信小程序 -长春微信商城 -长春分销商城

二维码

扫一扫,关注我们

声明:本文由【筱航科技】编辑上传发布,转载此文章须经作者同意,并请附上出处【筱航科技】及本页链接。如内容、图片有任何版权问题,请联系我们进行处理。

感兴趣吗?

欢迎联系我们,我们愿意为您解答任何有关网站疑难问题!

筱航科技-您身边的网站建设专家

搜索千万次不如咨询1次

主营项目:网站建设,网络营销,SEO优化,微信小程序开发,LOGO设计,产品包装设计,虚拟主机,域名注册,网站安全检测,微信商城等

立即咨询 184-4312-4181
在线客服
点此联系在线客服!