mootools图像放大鼠标悬停插件

时间:2012-10-11 07:42:15

标签: javascript animation mootools

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

1 个答案:

答案 0 :(得分:2)

this是否适合你? 编辑:我已经更改了链接,以便它根据您的需要使用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);
});