Do while mouseover, do other thing while mouseout

Я видел этот код в другом вопросе, я думал, что могу заставить его работать и для изображения, но поскольку я новичок в jquery, я не много сделал.Do while mouseover, do other thing while mouseout

Вот код:

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

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

});

Я видел его в этом вопросе прямо здесь: An "if mouseover" or a "do while mouseover" in JavaScript/jQuery

Существует пример ниже его также, но это один работает для текстовых полей.

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

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

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

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

источник

2011-12-17 Jordashiro

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

источник

2011-12-17 16:48:11 aWebDeveloper

Является ли это предпочтительнее $ (). с двумя функциями? –

Я действительно не знаю – aWebDeveloper

Спасибо, это действительно сработало :), вместо «someOtherObject» я использовал то же самое, если его другой объект, он не анимируется правильно Это код, который я использовал: $ (LowerImage) .mouseover (функция() {$ (LowerImage) .animate ({ непрозрачности: 0 }) }) MouseOut (функция() {$ (LowerImage) .animate ({ непрозрачности: 0.99 }). }); И еще одна вещь, могу ли я задать скорость анимации где-нибудь? Не поймите меня неправильно, скорость хорошая, я просто хочу знать, в случае, если мне нужно, чтобы в другом месте было иначе. – Jordashiro

Использования JQuery парение 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 
     } 

    );

Надеется, что это поможет :)

источник

2011-12-17 22:13:35 shennyL

Do while mouseover, do other thing while mouseout

ответ

Смежные вопросы