1

我正在使用这个 jquery javascript 函数来显示状态消息，

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

和我的CSS：

.topbar { 
    background: #476275; 
    border-bottom: solid 2px #EEE; 
    padding: 3px 0; 
    text-align: center; 
    color: white;
    font-family:Arial,Helvetica,sans-serif;
    font-size:135%;
    font-weight:bold;
}​

我收到了我的状态消息，但它在正文标签中插入了一个 div，而不是我希望消息显示在正文（z 索引）之外，就像 twitter 一样（即）只是从顶部流出我的消息并隐藏它.. .任何建议..希望你得到我的问题..

4

2 回答 2

3

你想要这样的东西吗？

http://tympanus.net/codrops/2009/10/29/jbar-a-jquery-notification-plugin/

如果您下载插件，您可以通过将第 28 行（用于淡入）和 39（用于淡出）从fast更改为slow

例如

第 28 行 _wrap_bar.append(_message_span).append(_remove_cross).hide().insertBefore($('.content')).fadeIn('slow');

第 39 行

$('.jbar').fadeOut('slow',function(){

于 2010-06-18T07:05:23.010 回答
0

你不能在<body>标签之前插入一个项目——你的内容需要在其中，所以你可能应该有一个容器元素，围绕所有其他元素，你可以将消息添加到

于 2010-06-18T07:19:08.710 回答