javascript - Javascript 随机边距方向

Question

我想使用 JS 随机生成一个边距方向，但没有任何效果。怎么了？

这是我的代码

$('.portfolio-img').hover(function(event){
    var str = '';
    var myPos = ['marginLeft', 'marginTop', 'marginBottom', 'marginRight'];
    var thisRand = Math.floor(Math.random() * myPos.length);
    var str = String(myPos[thisRand]);

    $(this).find('img').animate({
        str: '-60px',
    }, 300);
}, function(){
    $(this).find('img').animate({
        str: '0px',
    }, 300);
});

Answer 1

改变

$(this).find('img').animate({
    str: '-60px',
}, 300);

到

var o = {};
o[str] = '-60px';
$(this).find('img').animate(o, 300);

顺便说一句，你也可以替换

var str = String(myPos[thisRand]);

与

var str = myPos[thisRand];