Делать при наведении мыши, делать другое при наведении мыши

Question

Я видел этот код в другом вопросе, я думал, что смогу заставить его работать и с изображением, но так как я новичок в jquery, я мало что сделал.

Вот код:

$('someObject').bind('mouseover', function() {

    //Do the following while mouseover 
    $('someOtherObject').css('margin-left',adjustedLeft + 'px');
    setTimeout(/*do it again*/,25);

});

Я видел это в этом вопросе прямо здесь: «при наведении мыши» или «при наведении мыши» в JavaScript / jQuery

Ниже также есть пример, но он работает для текстовых полей.

Я хочу, чтобы мой работал для изображений, в основном у меня есть 2 изображения одно над другим, и я хочу создать эффект затухания, что-то вроде

при наведении курсора каждые 0,01 с уменьшайте непрозрачность на 0,01 до 0,01 в тот момент, когда мышь покидает изображение (кнопку), прекратите уменьшать непрозрачность и начните снова увеличивать ее на 0,01 каждые 0,01 с до 0,99 непрозрачности

Для ясности, у меня есть 2 изображения (кнопки), 1 над другим, я хочу уменьшить их, а затем увеличить непрозрачность верхней кнопки. Также я видел другой тип замирания, но 2 кнопки были на 1 изображении, но для меня (новичка) он слишком продвинут, я думаю, но я мог бы взглянуть на это, это хороший способ использовать меньше изображений, я думаю. *

На всякий случай, вот ссылка на пример тоже: http://jsfiddle.net/YjC6y/29/

Answer 1

$('someObject').mouseover(function() {
   $('someOtherObject').animate({
         opacity: 0
    })
}).mouseout(function() {
   $('someOtherObject').animate({
         opacity: 0.99
    })
});

Answer 2

Используйте jquery hover http://api.jquery.com/hover/someObject

  $('someObject').hover(
        function () {
            // Set the effect you want when mouse is over the element
        },
        function () {
            // Set the effect for mouse leave
        }

    );

Надеюсь, что эта помощь:)