Javascript 帮助将此jQuery脚本移植到MooTools

好的，我在我的站点中使用jQuery脚本时遇到了问题，因为我也在运行MooTools，所以我决定只使用MooTools脚本

这个jQuery脚本做了一件简单的事情，它只是使一个隐藏的div显示在鼠标悬停上，并具有淡入淡出的效果。。我无法编写jQuery或MooTools代码，因此我请求您的帮助。有人能帮我把这个jQuery脚本移植到MooTools吗

$(document).ready(function () { 
  var hide = false; 
  $("#posts-menu, .submenu").hover(function(){ 
    if (hide) clearTimeout(hide); 
    $(".submenu").fadeIn(); 
  }, function() { 
    hide = setTimeout(function() { 
      $(".submenu").fadeOut("slow"); 
    }, 250); 
  });   
});

许多JavaScript库使用$作为函数或变量名，就像jQuery一样。在jQuery中，$只是jQuery的别名，因此所有功能都可以使用，而不需要使用$。如果我们需要在jQuery旁边使用另一个JavaScript库，我们可以通过调用$.noConflict将$的控制权返回给另一个库：

---

我是手工写的，所以可能需要一些调整：

window.addEvent('domready', function(){

  var hide = false;
  $('posts-menu').getElement('.submenu').addEvents({
    mouseenter: function() {
      if (hide) clearTimeout(hide);
      this.fade('in');
    },
    mouseleave: function() {
      hide = setTimeout(function() {
        this.fade('out');
      }, 250);
    }
  });

});

让我知道它是否有效，或者举个例子，这会让我们更容易帮助您

此外，请尝试延迟方法，而不是设置超时：

如果您希望渐变更灵活，请尝试使用tween'opacity'方法：

window.addEvent('domready', function(){

  var hide = false;
  $('posts-menu').getElement('.submenu').addEvents({
    mouseenter: function() {
      if (hide) clearTimeout(hide);
      this.fade('in');
    },
    mouseleave: function() {
      hide = setTimeout(function() {
        this.fade('out');
      }, 250);
    }
  });

});