码迷,mamicode.com
首页 > 其他好文 > 详细

微博加关注按钮

时间:2015-05-26 15:53:05      阅读:113      评论:0      收藏:0      [点我收藏+]

标签:

<!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>从安卓网(http://www.hiapk.com)扒下来的微博加关注按钮代码,比微博开放平台上提供的WBML的方式要好的多。不会出现,微博的js加载不成功,页面就不解析的问题。(在本地机子上测试的时候出现过的问题-立领网)</p>
    <p>新技能-GET:</p>
    <p>父标签position: relative;</p>
    <p>那么子标签position: absolute;的起始位置就变成了父标签的左上角的坐标(0,0),而非页面body的左上角(0,0)</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>

 

微博加关注按钮

标签:

原文地址:http://www.cnblogs.com/ferron/p/4530489.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!