Palmback™菜园地

说是增强版，其实也就是比官方增加头像调用，多了几个class，便于自定义CSS。

我基本上不懂JavaScript，就是照葫芦画瓢，根据官方提供的JavaScript，对比着添加了调用头像的函数，然后在几个链接上添加了class。为了添加折页效果，我把无序列表换成了div,给无序列表添加折页CSS实在是不好弄，换成div就一了百了了，反正会自动填充，不用为控制高度而煞费心机。就随便改了点东西，不过花了我几个小时——因为不懂嘛，也当是一次学习实践了。
添加的函数和Class如下绿色部分：
return this.fullDate(date);
}
},
//output avatar
createAvatar: function(obj) {
var avatar = document.createElement('a');
avatar.href = obj.url;
avatar.title = obj.name;
avatar.target = '_blank';
avatar.className = 'avatar'
var img = document.createElement('img');
img.src = obj.profile_image_url;
img.alt = obj.name;
avatar.appendChild(img);
return avatar;
},
//end output avatar
......
name.target = '_blank';
name.className = 'author'
name.appendChild(document.createTextNode(obj.screen_name));
......
var item = document.createElement('li');
item.className = 'more'
var link = document.createElement('a');
......
link.title = '饭否';
link.target = '_blank';
link.className = 'brand'
var img = document.createElement('img');
......
case 'user':
......
var status = document.createElement('li');
status.appendChild(this.createAvatar(obj[i].user));//output Avatar
status.appendChild(this.createText(obj[i]));
......
case 'friends':
......
var status = document.createElement('li');
status.className = 'messList'
status.appendChild(this.createAvatar(obj[i]));//output Avatar
status.appendChild(this.createName(obj[i]));
......
case 'public':
......
var status = document.createElement('li');
status.appendChild(this.createAvatar(obj[i].user));//output Avatar
status.appendChild(this.createName(obj[i].user));
......

调用代码：饭否JavaScript插件调用代码

• fanfou_name="hegfirose"; 用户名，如我的个人网址是http://fanfou.com/hegfirose，则用户名为hegfirose
• fanfou_count=10; 显示消息数
• fanfou_timeline="user"; 显示自己、自己和朋友、所有人的消息，对应的参数为user、friends、public
• 注意js的路径

Demo & Download：palmback.cn 饭否演示页面（下载请到演示页面）

最后更新：March 20，2009

download：Fanfou JavaScript Plugin Plus（内含一个CSS，也可以自定义）