1. 首頁
  2. 問答
  3. 微博像使用jQuery

微博像使用jQuery

2010-06-18 54 views
1

我使用這個jQuery JavaScript函數來顯示狀態信息狀態消息，微博像使用jQuery

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（即）只是從頂部流動我的消息，並隱藏它...任何建議....希望你有我的問題..

來源

2010-06-18 Chendur Pandian

回答

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-18 07:05:23 codingbadger

+0

完全一樣，但我想給淡出/隱藏頂部效果... – 2010-06-18 07:07:07

+0

@Pandiya Chendur - 請參閱修正的答案 – codingbadger 2010-06-18 07:21:12

0

你不能<body>標籤前插入一個項目 - 你的內容必須是內，所以你應該可能有周圍的所有其他元素的容器元素，你可以預先留言

來源

2010-06-18 07:19:08 mportiz08

相關問題

 相關問題