javascript - js分享弹出层问题

查看:67
本文介绍了javascript - js分享弹出层问题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

对于网上的一些分享插件比如百度,JiaThis,bshare等,都是插件的形式,感觉还不够轻量级。想问问各位,不用插件对应的分享有没有dome,可以根据自己定义的样式触发分享,比如微博,QQ空间等

解决方案

谢谢邀请。自定义的分享这是可以的啊!网上有很多demo,你可以自己找找。给你提供微博的参考看看

var top = window.screen.height / 2 - 250;
var left = window.screen.width / 2 - 300;
var _link = window.location.href;

function shareSina(_title) {
  window.open("http://service.weibo.com/share/share.php?title=" + encodeURIComponent(_title.replace(/&nbsp;/g, " ").replace(/<br \/>/g, " "))+ "&url=" + encodeURIComponent(_link),
  "分享至新浪微博", "height=500,width=600,top=" + top + ",left=" + left + ",toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no");
}

直接把这个方法以onclick的形式写到你要触发的标签的里面就行。如<span onclick="shareSina('title');">微博</span>

这篇关于javascript - js分享弹出层问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆