Twitter会弹出屏幕顶部的消息栏,显示“错误的密码”,10秒钟后,它会向上滑动并消失. Chrome还会以这种方式显示“您要保存密码”消息框.
jQuery有插件可以做到吗？它还可以在IE 6中工作吗？因为通常,相对于视口(使用位置：固定)的显示将不能在IE 6上工作.谢谢.
更新：感谢好的解决方案 – 我故意想让它工作(1)即使用户已经向下滚动页面,它将显示在窗口屏幕的顶部,(2)可能会选择显示栏在窗口底部代替(作为选项)…如果它适用于IE 6,那么它甚至更好…差的程序员现在…
解决方法
你可以用这几行代码来做到这一点：
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;
}
You can view a working demo here,根据需要调整:)创建< div>在飞行中,将其添加到身体的顶部,所以没有任何时髦的定位来担心,这应该是在IE6很好.完成后,它将滑动并移除< div>它创建为清理.您可以添加一个点击处理程序来立即删除它,无论您需要什么.
