Javascript/JQuery, чтобы сделать эффект опрокидывания

Question

Так что в основном я занимаюсь несколькими курсами на 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'); 
}); 
}); 

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

Мнения?

Answer 1

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

var bulbOn = function() { ... } 

var bulbOff = function() { ... } 

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

Here's jsfiddle для иллюстрации.