Loker‘s Blog

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

实现很简单，首先在模板文件里面添加一个要显示滔滔的DIV，具体添加的位置可根据模板布局调整
。详情效果请移步至风易博客：http://www.1982y.net.cn 。实例如下：
XML/HTML代码
<div id="divMessages"></div> 
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号码和调用的条数即可。怎样，是不是很简单：），如有任何问题，欢迎阁下在此留言
原文地址：http://www.1982y.net.cn/Personal/235.html