• 一键分享QQ、微信、微博等


    github上找到的,合并了一个二维码在线支持API,直接修改样式可用。

    二维码API说明网址:http://www.liantu.com/pingtai/

    <html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
        <meta name="format-detection" content="telephone=no" />
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta http-equiv="pragma" content="no-cache" />
        <title>asdfasdfasdfdsaf</title>
        <style>
            * {
                margin: 0;
                padding: 0;
            }
    
            img {
                border: 0 none;
            }
    
            body {
                background: #eee;
            }
    
            .m-box {
                width: 800px;
                margin: 0 auto;
                padding: 20px;
                background: #fff;
            }
    
                .m-box p {
                    margin: 0 0 10px;
                }
    
                .m-box .icn a {
                    display: block;
                    width: 55px;
                    height: 35px;
                    background: url('http://l.bst.126.net/rsc/img/weibo.png?035') no-repeat;
                }
    
                .m-box .icn .wb1 {
                    background-position: 10px -216px;
                }
    
                .m-box .icn .wb2 {
                    background-position: -190px -216px;
                }
    
                .m-box .icn .wb3 {
                    background: url(http://l.bst.126.net/rsc/img/postshare/tieba24.png) 15px 0 no-repeat;
                }
    
                .m-box .icn .wb4 {
                    background-position: -88px -215px;
                }
    
                .m-box .icn .wb5 {
                    background-position: -138px -216px;
                }
    
                .m-box .icn .wb6 {
                    background-position: -245px -216px;
                }
    
                .m-box .icn .wb7 {
                    background-position: -300px -216px;
                }
    
                .m-box .icn .wb8 {
                    background-position: -355px -216px;
                }
    
                .m-box .icn .wb9 {
                    background-position: -415px -215px;
                }
        </style>
    </head>
    
    <body>
        <div class="m-box">
            <p>分享到微信,易信:</p>
            <div class="icn"><img src="http://qr.topscan.com/api.php?text=http://www.baidu.com&w=125" /></div>
        </div>
    
        <div class="m-box">
            <p>分享到新浪微博:</p>
            <div class="icn"><a class="wb1" onclick="shareToSinaWB(event)"></a></div>
        </div>
    
        <div class="m-box">
            <p>分享到QQ空间:</p>
            <div class="icn"><a class="wb2" onclick="shareToQzone(event)"></a></div>
        </div>
    
        <div class="m-box">
            <p>分享到百度贴吧:</p>
            <div class="icn"><a class="wb3" onclick="shareToTieba(event)"></a></div>
        </div>
    
        <div class="m-box">
            <p>分享到豆瓣:</p>
            <div class="icn"><a class="wb4" onclick="shareToDouban(event)"></a></div>
        </div>
    
        <div class="m-box">
            <p>分享到腾迅微博:</p>
            <div class="icn"><a class="wb5" onclick="shareToQQwb(event)"></a></div>
        </div>
    
        <div class="m-box">
            <p>分享到人人网:</p>
            <div class="icn"><a class="wb6" onclick="shareToRenren(event)"></a></div>
        </div>
    
        <div class="m-box">
            <p>分享到开心网:</p>
            <div class="icn"><a class="wb7" onclick="shareToKaixin(event)"></a></div>
        </div>
    
        <div class="m-box">
            <p>分享到facebook:</p>
            <div class="icn"><a class="wb8" onclick="shareToFacebook(event)"></a></div>
        </div>
        <div class="m-box">
            <p>分享到Twitter:</p>
            <div class="icn"><a class="wb9" onclick="shareToTwitter(event)"></a></div>
        </div>
    
    
        <script>
            var _title, _source, _sourceUrl, _pic, _showcount, _desc="desc", _summary="summary", _site,
                    _width = 600,
                    _height = 600,
                    _top = (screen.height - _height) / 2,
                    _left = (screen.width - _width) / 2,
                    _url = 'http://www.baidu.com',
                    _pic = '';
            //分享到新浪微博
            function shareToSinaWB(event) {
                event.preventDefault();
                var _shareUrl = 'http://v.t.sina.com.cn/share/share.php?&appkey=895033136';     //真实的appkey,必选参数
                _shareUrl += '&url=' + encodeURIComponent(_url || document.location);     //参数url设置分享的内容链接|默认当前页location,可选参数
                _shareUrl += '&title=' + encodeURIComponent(_title || document.title);    //参数title设置分享的标题|默认当前页标题,可选参数
                _shareUrl += '&source=' + encodeURIComponent(_source || '');
                _shareUrl += '&sourceUrl=' + encodeURIComponent(_sourceUrl || '');
                _shareUrl += '&content=' + 'utf-8';   //参数content设置页面编码gb2312|utf-8,可选参数
                _shareUrl += '&pic=' + encodeURIComponent(_pic || '');  //参数pic设置图片链接|默认为空,可选参数
                window.open(_shareUrl, '_blank', 'width=' + _width + ',height=' + _height + ',top=' + _top + ',left=' + _left + ',toolbar=no,menubar=no,scrollbars=no, resizable=1,location=no,status=0');
            }
            //分享到QQ空间
            function shareToQzone(event) {
                event.preventDefault();
                var _shareUrl = 'http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?';
                _shareUrl += 'url=' + encodeURIComponent(_url || document.location);   //参数url设置分享的内容链接|默认当前页location
                _shareUrl += '&showcount=' + _showcount || 0;      //参数showcount是否显示分享总数,显示:'1',不显示:'0',默认不显示
                _shareUrl += '&desc=' + encodeURIComponent(_desc || '分享的描述');    //参数desc设置分享的描述,可选参数
                _shareUrl += '&summary=' + encodeURIComponent(_summary || '分享摘要');    //参数summary设置分享摘要,可选参数
                _shareUrl += '&title=' + encodeURIComponent(_title || document.title);    //参数title设置分享标题,可选参数
                _shareUrl += '&site=' + encodeURIComponent(_site || '');   //参数site设置分享来源,可选参数
                _shareUrl += '&pics=' + encodeURIComponent(_pic || '');   //参数pics设置分享图片的路径,多张图片以"|"隔开,可选参数
                window.open(_shareUrl, '_blank', 'width=' + _width + ',height=' + _height + ',top=' + _top + ',left=' + _left + ',toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0');
            }
            //分享到百度贴吧
            function shareToTieba(event) {
                event.preventDefault();
                var _shareUrl = 'http://tieba.baidu.com/f/commit/share/openShareApi?';
                _shareUrl += 'title=' + encodeURIComponent(_title || document.title);  //分享的标题
                _shareUrl += '&url=' + encodeURIComponent(_url || document.location);  //分享的链接
                _shareUrl += '&pic=' + encodeURIComponent(_pic || '');    //分享的图片
                window.open(_shareUrl, '_blank', 'width=' + _width + ',height=' + _height + ',left=' + _left + ',top=' + _top + ',toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0');
            }
            //分享到豆瓣
            function shareToDouban(event) {
                event.preventDefault();
                var _shareUrl = 'http://shuo.douban.com/!service/share?';
                _shareUrl += 'href=' + encodeURIComponent(_url || location.href);    //分享的链接
                _shareUrl += '&name=' + encodeURIComponent(_title || document.title);    //分享的标题
                _shareUrl += '&image=' + encodeURIComponent(_pic || '');    //分享的图片
                window.open(_shareUrl, '_blank', 'width=' + _width + ',height=' + _height + ',left=' + _left + ',top=' + _top + ',toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0');
            }
            //分享到腾讯微博
            function shareToQQwb(event) {
                event.preventDefault();
                var _shareUrl = 'http://v.t.qq.com/share/share.php?';
                _shareUrl += 'title=' + encodeURIComponent(_title || document.title);    //分享的标题
                _shareUrl += '&url=' + encodeURIComponent(_url || location.href);    //分享的链接
                _shareUrl += '&appkey=5bd32d6f1dff4725ba40338b233ff155';    //在腾迅微博平台创建应用获取微博AppKey
                _shareUrl += '&site=' + encodeURIComponent(_site || '');   //分享来源
                _shareUrl += '&pic=' + encodeURIComponent(_pic || '');    //分享的图片,如果是多张图片,则定义var _pic='图片url1|图片url2|图片url3....'
                window.open(_shareUrl, '_blank', 'width=' + _width + ',height=' + _height + ',left=' + _left + ',top=' + _top + ',toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0');
            }
            //分享到人人网
            function shareToRenren(event) {
                event.preventDefault();
                var _shareUrl = 'http://share.rr.com/share/buttonshare.do?';     //这里的rr是renren,博客园好像和renren有仇
                _shareUrl += 'link=' + encodeURIComponent(_url || location.href);   //分享的链接
                _shareUrl += '&title=' + encodeURIComponent(_title || document.title);     //分享的标题
                window.open(_shareUrl, '_blank', 'width=' + _width + ',height=' + _height + ',left=' + _left + ',top=' + _top + ',toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0');
            }
            //分享到开心网
            function shareToKaixin(event) {
                event.preventDefault();
                var _shareUrl = 'http://www.kaixin001.com/rest/records.php?';
                _shareUrl += 'url=' + encodeURIComponent(_url || location.href);    //分享的链接
                _shareUrl += '&content=' + encodeURIComponent('分享的文字');    //需要分享的文字,当文字为空时,自动抓取分享网址的title
                _shareUrl += '&pic=' + encodeURIComponent(_pic || '');     //分享的图片,多个使用半角逗号分隔
                _shareUrl += '&showcount=0';    //是否显示分享数,显示:'1',不显示:'0'
                _shareUrl += '&style=11';      //显示的样式,必选参数
                _shareUrl += '&aid=' + encodeURIComponent(_site || '');    //显示分享来源
                window.open(_shareUrl, '_blank', 'width=' + _width + ',height=' + _height + ',left=' + _left + ',top=' + _top + ',toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0');
            }
            function shareToKaixin2(event) {
                event.preventDefault();
                var _shareUrl = 'http://www.kaixin001.com/repaste/share.php?';
                _shareUrl += 'rtitle=' + encodeURIComponent(_title || document.title);   //分享的标题
                window.open(_shareUrl, '_blank', 'width=' + _width + ',height=' + _height + ',left=' + _left + ',top=' + _top + ',toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0');
            }
            //分享到facebook
            function shareToFacebook(event) {
                event.preventDefault();
                var _shareUrl = 'http://www.facebook.com/sharer/sharer.php?';
                _shareUrl += 'u=' + encodeURIComponent(_url || location.href);    //分享的链接
                _shareUrl += '&t=' + encodeURIComponent(_title || document.title);    //分享的标题
                window.open(_shareUrl, '_blank', 'width=' + _width + ',height=' + _height + ',left=' + _left + ',top=' + _top + ',toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0');
            }
            //分享到facebook
            function shareToFacebook(event) {
                event.preventDefault();
                var _shareUrl = 'http://www.facebook.com/sharer/sharer.php?';
                _shareUrl += 'u=' + encodeURIComponent(_url || location.href);    //分享的链接
                _shareUrl += '&t=' + encodeURIComponent(_title || document.title);    //分享的标题
                window.open(_shareUrl, '_blank', 'width=' + _width + ',height=' + _height + ',left=' + _left + ',top=' + _top + ',toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0');
            }
            //分享到Twitter
            function shareToTwitter(event) {
                event.preventDefault();
                var _shareUrl = 'http://twitter.com/intent/tweet?';
                _shareUrl += 'url=' + encodeURIComponent(_url || location.href);    //分享的链接
                _shareUrl += '&text=' + encodeURIComponent(_title || document.title);    //分享的标题
                window.open(_shareUrl, '_blank', 'width=' + _width + ',height=' + _height + ',left=' + _left + ',top=' + _top + ',toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0');
            }
        </script>
    
    </body>
    </html>
  • 相关阅读:
    Windows 8实用窍门系列:18.windows 8开发模拟器和windows 8程序中关联文件类型
    Silverlight实用窍门系列:75.Silverlight中DataGrid制作复杂表头
    Windows 8实用窍门系列:11.Windows 8 中的Toast Tile Badge通知
    Windows 8实用窍门系列:9.Windows 8中使用FlipView
    Windows 8实用窍门系列:12.windows 8的文件管理1.File创建和String Stream Buffer方式读写
    Silverlight实用窍门系列:74.Silverlight使用Perst数据库Demo
    Windows 8实用窍门系列:17.文件选择器 文件保存器 文件夹选择器
    Windows 8实用窍门系列:16.Windows 8的右键菜单
    Windows 8实用窍门系列:3.第一个拆分布局应用程序修改Logo
    Windows 8实用窍门系列:19.Windows 8中的GridView使用(一)
  • 原文地址:https://www.cnblogs.com/superfeeling/p/11061620.html
Copyright © 2020-2023  润新知