Question

我正在使用此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;
}

我收到了我的状态信息，但它做了什么它在body标签中插入一个div而不是我希望消息显示在身体外（z索引）就像twitter（即）只是从顶部流动我的消息并隐藏它...任何建议......希望你有我的问题..

Answer 1

你想要这样的东西吗？

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

如果您下载插件，则可以通过修改第28行（淡入淡出）和39（淡出淡出）从fast到slow

e.g

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

第39行

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

Answer 2

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

使用jquery的Twitter状态消息

2 个答案: