新浪微博“加关注”按钮代码-CSDN博客

本文链接：https://blog.csdn.net/ferron/article/details/39288833

新浪微博的“加关注”按钮的代码

新浪官方提供的也许用起来不是很好。

<!DOCTYPE html>
<!--
从安卓网（http-:/-/www-.hiapk.-com/）扒下来的微博加关注按钮代码，比微博开放平台上提供的WBML的方式要好的多。
不会出现，微博的js加载不成功，页面就不解析的问题。（在本地机子上测试的时候出现过的问题）
新技能-GET：
父标签position: relative;
那么子标签position: absolute;的起始位置就变成了父标签的左上角的坐标（0,0），而非页面body的左上角（0，0）
-->
<html>
    <head>
        <meta charset="UTF-8">
        <meta property="wb:webmaster" content="80c5e5fe2a8ea6c8" />
        <title></title>
        <style>
            .pr {
                display: block;
                width: 300px;
                height: 24px;
                line-height: 24px;
                color: #666;
                position: relative;
            }
            .pa {
                left: 120px;
                top: 0;
                position: absolute;
            }
        </style>
        <script src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js" type="text/javascript"></script>
    </head>
    <body>
        <p>科技领袖限制子女使用数码产品时间</p><p>科技领袖限制子女使用数码产品时间</p><p>科技领袖限制子女使用数码产品时间</p><p>科技领袖限制子女使用数码产品时间</p>
        <p>科技领袖限制子女使用数码产品时间</p><p>科技领袖限制子女使用数码产品时间</p><p>科技领袖限制子女使用数码产品时间</p><p>科技领袖限制子女使用数码产品时间</p>
         <p class="pr">关注安卓网微博<span class="pa"><wb:follow-button uid="2480721291" type="gray_2" width="140" height="24" ></wb:follow-button></span></p>
    </body>
</html>