JS页面一键分享QQ空间、新浪微博、豆瓣等小工具

最新推荐文章于 2024-08-12 10:16:58 发布

编程者说

最新推荐文章于 2024-08-12 10:16:58 发布

阅读量2.6k

点赞数 1

文章标签： js一键分享 js快速分享页面分享小控件

本文链接：https://blog.csdn.net/shipfei_csdn/article/details/56479736

版权

效果大体如下，
这里写图片描述

代码里面的js是引用的网路中其他页面工具js，如果想剔除掉外部依赖，可自己下载，如下几个url的js文件，copy到本地修改下即可。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>一键分享demo</title>
</head>
<body>
    <div>
        <!--示例一-->
        <div id="ckepop" class='feixiangjias'>
            <a href="javascript:" class="jiathis jiathis_txt jtico jtico_jiathis"
                target="_blank">分享到：</a> <a class="jiathis_button_qzone">QQ空间</a> <a
                class="jiathis_button_tsina">新浪微博</a> <a
                class="jiathis_button_kaixin001">开心网</a> <a
                class="jiathis_button_renren">人人网</a> <a class="jiathis_button_baidu">百度收藏</a>
            <a class="jiathis_button_douban">豆瓣</a> <a class="jiathis_button_tqq">腾讯微博</a>
        </div>
        <script type="text/javascript"
            src="http://www.139cai.com/public/share.js" charset="utf-8">
        </script>
        <br /> 
        <br />
        <br />
        <!--示例二-->
        <div style="LINE-HEIGHT: 12px" id="bdshare" class="bdshare_b">
            <img
                src="http://bdimg.share.baidu.com/static/images/type-button-1.jpg">
        </div>
        <script id="bdshare_js" type="text/javascript"
            data="type=button&uid=664845"
            src="http://bdimg.share.baidu.com/static/js/bds_s_v2.js?cdnversion=381133">
        </script>
        <script type="text/javascript">  
                    document.getElementById("bdshare_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + new Date().getHours();  
        </script>
    </div>
</body>
</html>