javascript - 鼠标悬停插件上的 mootools 图像放大

Question

我正在寻找一个 mootools 插件，它会在鼠标悬停在当前图像上时放大图像。因此，当用户将鼠标悬停在图像上时，用户会感觉到图像被放大了。非常接近我的要求是http://highslide.com/ .这是我找到的样本 http://jsfiddle.net/Jmeks/2/ .我需要完全像这样使用带有一些 mootools 效果的 mootools。非常感谢任何帮助。

Answer 1

是否this fiddle 为你工作？编辑:我已经更改了链接，以便它根据需要使用 transform css 属性。

JavaScript:

window.myFx = new Fx({
        duration: 300,
        transition: Fx.Transitions.Sine.easeOut
});
myFx.set = function(value) {
        var style = "scale(" + (value) + ")";
        $('content-block').setStyles({
            "-webkit-transform": style,
            "-moz-transform": style,
            "-o-transform": style,
            "-ms-transform": style,
            transform: style
        });
    }
$('content-block').addEvent('mouseover', function() {
    myFx.start(1,1.4);
});
$('content-block').addEvent('mouseout', function() {
    myFx.start(1.4,1);
});