话不多说,直接上干货
1.引入jssdk , 输入自己的appid
<script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" data-appid="xxx" charset="utf-8"></script>
2.放入准备登录qq用的图标,绑定好方法
<a href="#" class="iconfont qqlogin" onclick="qqLogin()" ><img /></a>
3.调用方法
function qqLogin()
{
QC.Login.showPopup({
appId:"222222",
redirectURI:"http://yousite.com/qc_back.html"
})
}
参考资料
1.http://qzonestyle.gtimg.cn/qzone/openapi/js-sdk-demo.html api文档
2.https://blog.csdn.net/xia_xi_long/article/details/79034575 基于JSSDK的QQ第三方登录
3.https://blog.csdn.net/sunnywuxian/article/details/84894854 自定义按钮
4.http://wiki.connect.qq.com/js_sdk%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E jssdk使用说明