jQuery是否有一个插件来显示"消息栏",如屏幕顶部的Twitter"错误密码"栏？

Question

Twitter将弹出屏幕顶部的消息栏,说"密码错误",10秒后,它会向上滑动并消失.Chrome还会使用这种方式显示"您是否要保存密码"消息框.

jQuery是否有插件可以做到这一点？它是否也适用于IE 6？因为通常,相对于视口(使用position: fixed)的显示将无法在IE 6上运行.谢谢.

更新:感谢很好的解决方案 - 即使用户向下滚动页面时,我也特意想让它工作(1),它会显示在窗口屏幕的顶部,(2)可能会选择显示栏取而代之的是在窗口屏幕的底部(作为一个选项)......如果它在IE 6上运行,那么它就更好......现在可怜的程序员......

Answer 1

你只需几行代码就可以做到这一点,如下所示:

????function topBar(???message) {
  $("<div />", { 'class': 'topbar', text: message }).hide().prependTo("body")
      .slideDown('fast').delay(10000).slideUp(function() { $(this).remove(); });
}

然后给你使用一些样式的类,例如:

.topbar { 
    background: #990000; 
    border-bottom: solid 2px #EEE; 
    padding: 3px 0; 
    text-align: center; 
    color: white;
}?

你可以在这里查看一个有效的演示,根据需要进行调整:)这样即可创建一个动态<div>,将它添加到正文的顶部,所以没有时髦的定位可以担心,这在IE6中应该没问题.当它完成后,它将滑动并删除<div>它创建的清理.无论您的需求是什么,您都可以添加点击处理程序以立即删除它.