jQuery国外社交分享弹出层

$(document).ready(function() {
  $('#share-btn').click(function(e) {
    e.preventDefault();
    $('#share-popup').toggle('slow');
  });
});

里面的分享链接建议动态生成，比如用window.location.href拿到当前页面地址，再encodeURIComponent()一下，拼到分享链接里。这样就不用写死链接了，灵活不少：

var url = encodeURIComponent(window.location.href);
var title = encodeURIComponent(document.title);
$('#share-popup a.facebook').attr('href', 'https://www.facebook.com/sharer/sharer.php?u=' + url);

额外加点交互，比如背景不滚动、加个关闭按钮这些，也是提升体验的加分项。你想更进一步，还可以结合拖拽插件，做成可移动的弹窗。

如果你在找一个轻量、实用、跨平台的分享方案，可以看看这几个资源：

• jQuery 网页弹出层分享按钮插件
• 弹出社交分享按钮.zip
• jquery 弹出层分享.rar

，别忘了测试下各个平台在国内网络下的表现，避免出现加载慢或者打不开的问题哦。