動畫運動與懸停jquery

我想要獲得一個圖像鏈接bob了，並回落與jquery懸停...但迄今沒有任何工作。繼承人的代碼：動畫運動與懸停jquery

$("#footer").find("a").hover(function() { 
    $(this).animate({ 
     down: '+=10' 
    }, 200); 
}, function() { 
    $(this).animate({ 
     down: '-=10' 
    }, 200); 
});

來源

2012-12-10 davidhin

do not you mean：top：'+ = 10'？ – Koenyn

不是屬性，請使用頂部或底部 – Tarun

你正在尋找的CSS屬性是bottom，不down。

$("#footer").find("a").hover(function() { 
    $(this).animate({ 
     bottom: '+=10' 
    }, 200); 
}, function() { 
    $(this).animate({ 
     bottom: '-=10' 
    }, 200); 
});

還要檢查你的CSS，對法師鏈接的定位是相對或絕對的，你已經爲底部一定的價值。否則它將無法工作。

a { 
    position: relative; 
    bottom: 0; 
}

這裏是我設置了上述代碼的jsFiddle。

來源

2012-12-10 08:59:08 Miikka

謝謝！真的有幫助，但是一旦鼠標離開該區域，圖像可能會停止上下晃動嗎？ – davidhin

如果你正在尋找它上下起伏，一旦當用戶的鼠標進入鏈接試試這個fiddle

$(".animate_handler").mouseover(function() { 
    $(".animate_link").animate({top: '-=10px'}, 200).animate({top: '+=10px'}, 200); 
});

注意，鏈接是足夠的空間容器內的鏈接的底部以防止動畫在鏈接超出鼠標範圍時重複出現。

來源

2012-12-10 09:10:59

動畫運動與懸停jquery

回答

相關問題