尋找最好的jQuery插件消息/低透明度/鼠標點擊 - >消失/最喜歡的位置

Question

我發現下面的插件顯示的消息...

http://bassistance.de/jquery-plugins/jquery-plugin-message/

，我們可以更改消息的位置css文件...（完美）

但我的問題是我沒有找到一個正確的方法（更改插件）通過鼠標點擊消除消息。

我無法追蹤這個簡單的插件的一些線（約超時）

將üPLZ：

1 - 使我更好的插件有更多的影響

2-幫我改這個插件中的鼠標點擊（上留言，沒有窗）dissapear

簡單的上的插件代碼是這樣的：

(function($) { 
    var helper, 
     visible, 
     timeout1, 
     timeout2; 

    $.fn.message = function(message) { 
     message = $.trim(message || this.text()); 
     if (!message) { 
      return; 
     } 
     clearTimeout(timeout1); 
     clearTimeout(timeout2); 

     initHelper(); 
     helper.find("p").html(message); 
     helper.show().animate({ opacity: $.message.defaults.opacity}, $.message.defaults.fadeInDuration); 
     visible = true; 
     active = false; 
     %%%++++timeout1 = setTimeout(function() { 
      visible = false; 
     }, $.message.defaults.minDuration + $.message.defaults.displayDurationPerCharacter * Math.sqrt(message.length)); 
     %%%++++timeout2 = setTimeout(fadeOutHelper, $.message.defaults.totalTimeout); 
    }; 

    function initHelper() { 
     if (!helper) { 
      helper = $($.message.defaults.template).appendTo(document.body); 
      %%%++++$(window).bind("mousemove click keypress", fadeOutHelper); 
     } 
    } 

    function fadeOutHelper() { 
     if (helper.is(":visible") && !helper.is(":animated") && !visible) { 
      helper.animate({ opacity: 0 }, $.message.defaults.fadeOutDuration, function() { $(this).hide() }) 
     } 
    } 

    $.message = {}; 
    $.message.defaults = { 
     opacity: 0.8, 
     fadeOutDuration: 500, 
     fadeInDuration: 200, 
     displayDurationPerCharacter: 125, 
     minDuration: 2500, 
     totalTimeout: 6000, 
     template: '<div class="jquery-message"><div class="round"></div><p></p><div class="round"></div></div>' 
    } 
})(jQuery); 

它似乎我應該改變鼠標點擊%%% ++++行消失/但如何？

感謝關注

Answer 1

jGrowl是一個真棒插件。它有相當多的選項可以配置。給它一個旋轉。

PS，如果您希望它保持到用戶點擊它，您需要啓用粘性選項。