这个插件能做什么? (效果看这里:http://www.wwqk.net/talk.html)
在 腾讯微博应用频道 发布该应用后,产生了一些自定义的问题,比如说样式的固定单一性。我们的这个jQuery插件能针对这个接口中的数据进行彻底的格式化,达到你想要的样式效果。
用户需要做什么?
简单地如你们所愿地,这个插件的制造者,只需要是一个懂HTML语言的编写者即可,无须考虑到jQuery的编写和其他JS的编写,你们只需要将一个JS的SCRIPT地址插入到你们的网页上,即可进行数据格式化!想要什么效果什么样式,这,完全由你们自己决定哦!
关于原版的使用方法请访问其官方网站:腾讯微博API接口JQUERY插件
我所谓的优化修改版就是针对要加载的JS进行了优化精简,使其更美观,更符合自己的要求。附件中的JS在原版的基础上主要修改了以下部分:
1。原插件需要加载两个两个JS,现在整合为一个。
2。修正通过QQ签名发布微博而插件却显示未知方式的问题。
3。你可以自定义修改自己需要的发布方式,来自QQ、来自短信、来自手机腾讯网、来自网页等等。
4。原插件在未获取微博数据之前在HTMl里显示的是变量,现在增加了loading提示语。即在数据没有获取之前显示“请稍等,微博数据加载中……”,待数据获取之后隐藏提示再按节点循环出微博列表。
使用方法:前三步和其官网上所列出的一样:1。获取你的SI序号 2。注册你的API账号 3。请设置你的后台数据。但是对于加载的JS就有所不同了,你需要加载我附件中的JS。然后将以下HTML代码加入到网页中,CSS样式自己编写……
此外还需要修改JS中自己的微博名称,打开JS(Ctrl+F)找到tname,将qqtalk修改为第二步中你注册的API账号。后面的count即调用的微博数自己可以根据喜欢修改……
<div id="syQQ"> <span class="loading">请稍等,微博数据加载中……</span> <div style="display:none;" id="qqlist"> <div class="self"> <div class="photo fl">{$url:50}</div> <div class="user fr"><strong>{$nick}</strong><br /><span style="font-size:11px">@{$name} {$vip}</span><br/> <span style="font-size:11px">听众:{$fansnum} 人</span></div> <div class="clear"></div> <div><a href="http://t.qq.com/{$name}" target="_blank" class="selfA">http://t.qq.com/{$name}</a></div> </div> <div class="list"> <div class="item">{$type}:{$content} <br /> <div class="it_img">{$image:120}</div> <div class="from">{$time} {$from}</div> <div class="clear"></div> <DIV {$roll}><div class="cp fl"><a title="{$source.nick}" href="http://t.qq.com/{$source.name}" target="_blank">{$source.pic:20}</a></div> <div class="cr fr">:{$source.content} {$source.image:120}<br /> <div class="from">{$source.time} {$source.from}</div> </div> <div class="clear"></div> </div> </div> </div> <ul class="fans"> <li class="fansitem fl"><a href="http://t.qq.com/{$name}" target="_blank">{$url:30}</a>{$nick} </li> </ul> <div class="clear"></div> </div> </div>
如何遇到什么问题可以留言……此外要感谢网友双木杉子的指点…………
我为啥一点都不喜欢用围脖,自己也弄不清楚
@Utaoy:我经常看新浪微博上的热门转发,有的话说的很有哲理,有的很搞笑,有的很煽情……
真不错!
@野草:哈哈,如果你喜欢腾讯微博你也可以用用
@我为卿狂:嗯!有空得装到博客秀秀,哈哈
我给我的微薄去优化下看看,不然经常loading
@迷失乐园:使用这个可以自定义CSS样式,可以和博客的主题更好的融合……
@迷失乐园:{smile:3}{smile:8}{smile:7}@_@
飘过………………
{smile:10}