Question

当我不再徘徊时，我希望我悬停在上方的图像向上移动并再次向下移动。我能够使用CSS3完成这个效果，但由于并非所有浏览器都支持它，我也希望它能够使用jQuery。我为你创造了一个小提琴：http://jsfiddle.net/fSthA/2/

这是我的jQuery代码：

$('.full-circle').mouseOver(
    function(){
        $(this).stop().animate(
            {margin-top: '2'}, 500, 'swing'   
        );//end animate
    },//end function
    function(){
        $(this).stop().animate(
            {margin-top: '15'}, 500, 'swing'
        );//end animate
    }//end function
);//end hover

Answer 1

我不确定你的问题是什么，但我通过jQuery修改了你的小提琴。我只需删除css转换，:hover样式，将jQuery添加到小提琴，将animate调用更改为使用marginTop而不是margin-top：

$('.full-circle').hover(
    function(){
        $(this).stop().animate(
            {marginTop: '2'}, 500, 'linear'   
        );//end animate
     },//end function
    function(){
        $(this).stop().animate(
            {marginTop: '15'}, 500, 'linear'
        );//end animate
    }//end function
);//end hover

http://jsfiddle.net/fSthA/5/

jQuery动画在悬停效果上提升

1 个答案: