前段时间小研究了下社会化分享代码,经过一番折腾后搞定了部分代码,虽然网上也有不少类似的代码,不过还是有很多人到处找qq微博、139说客这些目前比较热但是很不容易找到的代码,特此拿来与大家分享之(放上来的都是当前比较热门的站点,还有部分个人觉得不是特热门的网站代码没放上来)。
喜欢玩儿的朋友可以放在博客上试一下,基本上和博文页面顶端的分享功能一样哦~
1、QQ空间图标:访问者鼠标移动到QQ空间图标 上,自动显示提示文字“分享到QQ空间”点击转发到QQ空间图标后,浏览器会自动调用QQ空间分享页面,代码如下:
2、开心网:浏览者鼠标移动到开心网图标 上,自动显示提示文字“分享到开心网”。点击开心网图标后,浏览器会自动调用开心网转贴页面。代码如下:
3、新浪微博:浏览者鼠标移动到新浪微博图标 上,自动显示提示文字“转发到新浪微博”。点击新浪微博图标后,浏览器会自动调用开心网转贴页面。代码如下:
4、人人网:浏览者鼠标移动到人人网图标 上,自动显示提示文字“分享到人人网”。点击人人网图标后,浏览器会自动调用人人网分享到页面。代码如下:
5、139说客图标:浏览者鼠标移动到139说客图标 上,自动显示提示文字“发到我的说客”点击转发到139说客图标后,浏览器会自动调用139说客分享页面,代码如下:
function openwin ()
{
window.open('http://www.139.com/share/share.php?tl=953010060&source=shareto139_neimeng&title='+encodeURIComponent(document.title)+'&url='+encodeURIComponent(location.href),'_blank','width=490,height=340');
}
6、飞信空间图标:浏览者鼠标移动到飞信空间图标 上,自动显示提示文字“分享到飞信空间”点击转发到飞客空间图标后,浏览器会自动调用飞信空间分享页面,代码如下:
7、豆瓣:浏览者鼠标移动到豆瓣图标 上,自动显示提示文字“推荐到豆瓣”。点击豆瓣图标后,浏览器会自动调用豆瓣分享页面。代码如下:
8、当浏览者点击复制链接文字 时,页面弹出提出窗口。
复制成功的文字内容为:
页面链接复制成功,你可以粘贴到飞信、QQ或MSN发送给好友
复制不成功的文字内容为:
您的浏览器不支持剪贴板复制 请按Ctrl+C复制链接
复制链接代码:
(function(){
scrollLazy('pc_open_share',function(){
var js = document.createElement("script");
document.body.insertBefore(js,document.body.firstChild);
});
function scrollLazy($,C){var D=false;if(typeof document.getElementById($)!="object"||typeof C!="function")return;if(A().sTop+A().cHeight+200>=_($)){C();return}if(window.attachEvent)window.attachEvent("onscroll",B);else window.addEventListener("scroll",B,false);function B(){if(A().sTop+A().cHeight+200>=_($)&&!D){C();D=true}}function A(){return{cHeight:(/CSS1Compat/.test(document.compatMode)?document.documentElement.clientHeight:document.body.clientHeight),sTop:(/CSS1Compat/.test(document.compatMode)&&(document.documentElement.scrollTop==0)?document.body.scrollTop:document.documentElement.scrollTop)}}function _($){var A=document.getElementById($),_=0;while(A){_+=A.offsetTop;A=A.offsetParent}return _}}
})();
function copyText(text) {
try {
window.clipboardData.setData("Text", text);
alert("页面链接复制成功,你可以粘贴到飞信、QQ或MSN发送给好友");
} catch(e) {
alert('您的浏览器不支持剪贴板复制\n请按Ctrl+C复制链接');
}
}
以下为复制成功
复制不成功
9、点击我要收藏文字 后,浏览器弹出IE收藏夹功能,代码如下:
10、腾讯微博:浏览者鼠标移动到腾讯微博图标 上,自动显示提示文字“转发到腾讯微博”。点击腾讯微博图标后,浏览器会自动调用腾讯微博分享页面。代码如下: