滔滔插件 使用与修改

米落,2009年5月29日

   没有一定的底子是很难写出流畅的博客的,我就是其中,所以为了弥补自己没能发出呼声的遗憾,一款迷你博客(一句话博客)是很适合你我的.

   我选择了国产的taotao之类的修改方法也都类似,本章主要分享一些使用jQuery修饰滔滔JavaScript插件版的显示.
   滔滔插件分为 Flash插件,图片插件,好友圈插件,JavaScript插件.

   Flash插件

    一共有五款色彩样式设置,并且可以显示20条之多的滔滔信息,整个插入也非常简单 而且更新也是及时的,在QQ或者网页上一但发出一条信息,那么前台刷新之后就能马上显示.
    但苦于Flash文件始终是比较大的,而且在我使用之后每每都会出现浏览器左下角显示"正在连接..."的信息,大概还要载入些东西所以发出了请求.但不是"完毕"信息实在是很碍眼.

    图片插件

    分为"边栏型"和"签名型".
    最多只能显示5条信息,设置图片宽度.颜色方面比Flash多了一款粉色样式.
    更新太慢是图片插件的软肋,有一次在我的消息发了近一周之后才更新图片,这点是没办法,凡事发展到像Q号那样的级数,每人更新一下图片是需要大量时间的,而且100多kb的大小也几乎占整个首页的一大半载入时间,所以不是一个太好的选择.

    好友圈插件

    类似Flash.

    JavaScript插件

    本问重点.设置里最多可设置10条,但通过修改代码中的设置,最多可以显示20条.
    插入代码如下:

<script type="text/javascript">
var taotao_qq = 215617543; //滔滔用户帐号
var taotao_num = 15; // 最多显示条数
var taotao_type = 0; //是否显示滔友的滔滔
</script>
<script type="text/javascript" charset="utf-8" src="http://www.taotao.com/js/dkapi.js"></script>

   显示如下:

    样式未经定义,会继承父类的样式.在插入博客里后,发现时间的大小和正文一样,不太合适,而且不喜欢那些链接,以及发布方式,怎么办呢?
    消息显示格式如下:

    很显然是没办法从服务端修改数据的显示,由于Zblog自带jQuery,于是我想起了用客户端修改的方法,虽然有些时候都是自娱,反正现在也挺闲,于是写下如下:

<script type="text/javascript">
    $(document).ready(function() { //页面完全载入时开始
        $("#id_apiPane").children("li").each(function() { //遍历整个滔滔留言条数
        $(this).children("span:first").next().children().attr("style", "color:#929091;font-size:10px;").removeAttr("href").parent().next().remove();
            //jQuery的链式操作,选择子元素的第一个span,然后跳到同级元素的下一个span,选择其子元素及a标记,设置样式(改变大小),删除链接,转到父元素,及第二个span,并删除,及发布来源
        });
        $("#id_apiPane").next().remove();//移除信息列表后面的同级元素,及下面的更多唠叨和Logo
    });
</script>

   好了,现在算是满意了,载入纯粹的数据,显示符合自己习惯.

   ps.在写完之后,突然发现Js端载入的也是纯粹的数据地址如下:

http://www.taotao.com/cgi-bin/msgj?qq=215617543&num=20&t=0

  其实可以自定义doApi函数然后元素拼接可以打造更合适的自定义数据.就让各位自己发挥吧.

Tags: 资讯  jQuery  

分类: Programer | 评论:8 | 浏览: