Javascript/JQuery для подтверждения эффекта опрокидывания

Так что в основном я провожу несколько дистанционных курсов по Javascript с помощью JQuery. В одном из заданий он требует, чтобы:

  • Чтобы изменить образ
  • Это изображение меняется с эффектом опрокидывания.

Поскольку изначально он был на шведском языке (я родился в Швеции и говорю по-шведски), я немного запутался, потому что вся информация, которую я получаю в Интернете о моем программировании, на английском языке. Надеюсь ты понимаешь..

$(document).ready(function (){

//bildbyte(attr) med rollover-effekt
$('#lamp').mouseover(function() {
    $(this).attr('src', 'pic_bulbon.gif');
}); 
$('#lamp').mouseout(function() {
    $(this).attr('src', 'pic_bulboff.gif');
});
});

Будет ли это приемлемо? Вы подтвердите это? Я просто немного смущен эффектом опрокидывания. Код будет представлять лампу, которая не горит. Но как только вы наведете курсор мыши, он продолжится.

Мнения?


javascript html jquery effect rollover
person Alexandros Christophoros Parat    schedule 18.09.2013    source источник
comment
Существует также функция наведения, которая делает именно то, что вы хотите сделать. w3schools.com/jquery/event_hover.asp   -  person Oxon    schedule 18.09.2013
comment
Да, я использовал его раньше, но не знаю, почему я использовал эти два сейчас. Спасибо :)   -  person Alexandros Christophoros Parat    schedule 18.09.2013

Ответы (1)


arrow_upward
1
arrow_downward

Я мог бы попробовать использовать функцию jQuery hover(). Это упростит чтение вашего кода и поможет организовать то, что происходит, когда лампочка включается/выключается. Например:

var bulbOn = function() { ... }

var bulbOff = function() { ... }

$('#lamp').hover(bulbOn, bulbOff);

вот jsfiddle для иллюстрации.

person Marty Cortez    schedule 18.09.2013
comment
Спасибо за информацию. У меня есть функция catch o hover, не знаю, почему я использовал эти две в начале, но мой код тоже работает. Вы бы приняли мой код, как того требует задание? - person Alexandros Christophoros Parat; 18.09.2013
comment
Спасибо за отзыв еще раз! - person Alexandros Christophoros Parat; 18.09.2013