寻找最好的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，如果您希望它保持到用户点击它，您需要启用粘性选项。