jQuery - paddingTop анимационные проблемы?

Question

Итак, я создаю сайт для клиента, и я пытаюсь подтолкнуть гиперссылки вниз, когда они зависнут. paddingLeft работает с этим методом, и он перемещает ссылку, когда я ее использую. Но когда я меняю значение на «paddingTop» или «marginTop», я не получаю ответа. Что мне здесь не хватает?

http://jsfiddle.net/Raylin/XLrBH/

Для тех, кто может только сказать, что эта проблема, вот мой JQ код:

$(document).ready(function(){ 
$(".sublink").hover(
    function(){ 
     $(this).stop().animate({paddingTop: "+=40px"},200); 
    }, 
    function(){ 
     $(this).stop().animate({paddingTop: "0px"},200); 
    }); 
}); 

Я только что узнал, HTML/CSS/JQuery другой день, так что, я уверен, что это что-то простое. Заранее спасибо.

Answer 1

$(document).ready(function(){ 
$(".circle").hover(
    function(){ 
     $(this).stop().animate({paddingTop: "+=40px"},200); 
    }, 
    function(){ 
     $(this).stop().animate({paddingTop: "0px"},200); 
    }); 
}); 

внешний элемент как элемент '' для анимации.

- глядя на эту анимацию, я думаю, вам стоит взглянуть на «+ = 40px». действительно ли он делает то, что вам нужно?

Answer 2

Почему бы не попробовать это:

$(document).ready(function(){ 
$(".sublink").hover(
    function(){ 
     $(this).stop().animate({top: "+=40px"},200); 
    }, 
    function(){ 
     $(this).stop().animate({top: "0px"},200); 
    }); 
}); 

Это предполагает, что вы добавляете следующие CSS свойство вашего .subLink класса:

position: relative 

Я не проверял, но он должен работать без оправданий.

Надеюсь, это поможет.