jQuery-UI小部件/控件来做Twitter更新的UI?

时间:2011-05-20 20:50:12

标签: jquery jquery-ui

我需要找到一个jQuery-UI小部件/控件来进行类似Twitter UI的更新。我的意思是当Twit进来时,它取代了列表操作中的那个,在浏览器UI中向下推动其他人。有没有人知道这样的小部件或失败,如何在Javascript中做到这一点?

由于

2 个答案:

答案 0 :(得分:2)

确切的功能完全取决于您。没有什么理由可以使用任何类型的插件,因为它是基本的简单javascript来进行基础设置。

function addItem(title, text)
{
    var pHTML = ['<div class="container">',
                    '<div class="title">',
                        title,
                    '</div><div class="description">',
                        text,
                    '</div></div>'].join('');
    // You'd do any animates here. 
    //  You could also drop the bottom item in the list here, if so desired.
    $('#box-wrapper').prepend(pHTML); 
}

答案 1 :(得分:2)

在jquery中很简单......

HTML

<div id="tweets">
    <div>Tweet 1</div>
    <div>Tweet 2</div>
</div>

的javascript

$(function() {
  //Get new tweet however
    var newtweet = "New Tweet"

    $("<div>"+newtweet+"</div>").prependTo("#tweets").hide().slideDown(200);
});