0

我需要将一个 Jquery 脚本转换为 Mootools,但我无法让它工作。这是jquery代码:

$('.block-menu').hover(function(){
    $(".cover", this).stop().animate({top:'0px'},{queue:false,duration:400});
}, function() {
    $(".cover", this).stop().animate({top:'185px'},{queue:false,duration:400});
});

当您将鼠标悬停在图像上时,我有一系列图像应该被 div 覆盖。这段代码正是这样做的:“.cover”是覆盖图像的 div 类,而“.block-menu”是保存图像的 div。在 Jquery 中一切正常,但我不知道如何将其转换为 Mootools。这是到目前为止我已经厌倦使用的代码(只是为了让部分工作正常):

$$('.block-menu').addEvent('mouseenter', function() {
    var cov = $(this).getElements('.cover');
    cov.set('tween', {
            duration: 1000,
            transition: Fx.Transitions.Bounce.easeOut
        }).tween('top', '0px');;        
});

但不幸的是,我在 Firebug 控制台中收到以下错误:

String contains an invalid character" code: "5
[Interrompi per questo errore] return result;},getStyles:function(){r...hild);return this.appendText(text);}} 

我可能对问题采取了错误的方法。知道如何使此代码正常工作吗?

谢谢!Roberto Pravisani 创意混乱

4

0 回答 0