首页 > 代码库 > 多说【最近访客】JS插件通用代码使用方法
多说【最近访客】JS插件通用代码使用方法
多说【最近访客】JS插件可以显示近期访问过你的博客并且已经使用向多说授权过的社交网络账号登录的用户头像,效果如下图所示。
最近访客JS插件的添加步骤如下:
1. 添加多说公用JS代码,每个页面只需添加一次。
<!--多说js加载开始,一个页面只需要加载一次 --> <script type="text/javascript"> var duoshuoQuery = {short_name:"您的多说二级域名"}; (function() { var ds = document.createElement(‘script‘); ds.type = ‘text/javascript‘;ds.async = true; ds.src = http://www.mamicode.com/‘http://static.duoshuo.com/embed.js‘;>
2. 在需要显示最近访客的位置添加class="ds-recent-visitors"的容器,比如div元素:<div class="ds-recent-visitors"></div>
容器可指定的属性列表如下:
data-avatar-size="45" //显示访客头像尺寸大小
data-num-items="12" //至多显示访客的数量
3. 调整容器的CSS样式
多说【最近访客】JS插件通用代码使用方法
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。