ZBLOG嵌入QQ滔滔的方法 - 个人空间

这几天一直在忙域名信息验证的事情，所以迟了几天才公布ZBLOG嵌入QQ滔滔的方法。很抱歉啊。废话少说，言归正传！

实现很简单，首先在模板文件里面添加一个要显示滔滔的DIV，具体添加的位置可根据模板布局调整。详情效果请移步至风易博客：http://www.1982y.net.cn 。实例如下：

XML/HTML代码

然后在模板的</body>之前添加如下代码：

JavaScript代码

<script type="text/javascript">
<!--
var ret_str='';
function doApi(s){
if(typeof(s)=='undefined'){
return false;
}else{
var sign_len=s.posts.length;
for(var i=0;i<sign_len;i++){
var time_type=s.posts[i].time.split(',');
ret_str=ret_str+'<li>'+s.posts[i].cn+'</li>';
}
//alert( '<ul>'+ret_str+'</ul>');
$("#divMessages").roundCorner();
$("#divMessages").append('<ul>'+ret_str+'</ul>').toggleLi(5);
}
}
jQuery.fn.extend({
toggleLi:function(t){
this.children("ul").children("li").hide();
var $list=this.children("ul").children("li")
var ll=$list.size();
var lid=0;
$list.eq(lid).fadeIn();
setInterval(function(){$list.eq(lid).fadeOut("fast",function(){lid++;lid<ll?lid=lid:lid=0;$list.eq(lid).fadeIn();});},t*1000);
},
roundCorner:function(){
this.css("position","relative").append("<span class=\"cor ctl\"></span><span class=\"cor ctr\"></span><span class=\"cor cbl\"></span><span class=\"cor cbr\"></span>");
}
});
//-->
</script>

最后，再引用滔滔的JS文件即可，同样是添加在</body>之前，可紧跟上面的SCRIPT脚本后面添加。

XML/HTML代码

<script type="text/javascript" src="http://www.taotao.com/cgi-bin/msgj?qq=21684883&num=10&t=0"></script>

其中：qq=后面的即为你的QQ号码，num=后面的为要调用几条滔滔记录。其实我们只用修改QQ号码和调用的条数即可。怎样，是不是很简单：），如有任何问题，欢迎阁下在此留言。

风易博客