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