Javascript/JQuery 做翻转效果确认

Question

所以基本上我在 JQuery 的帮助下做一些关于 Javascript 的远程课程。 在其中一项任务中，它要求：

• 进行图像更改
• 该图像会随着翻转效果发生变化。

因为它起源于瑞典语（我出生在瑞典，会说瑞典语）我有点困惑，因为我在互联网上获得的关于我的编程的信息的每一个帮助都是英文的。希望你能理解..

$(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 的hover() function。这将有助于使您的代码更易于阅读，并且可以帮助您组织灯泡打开/关闭时发生的情况。例如：

var bulbOn = function() { ... }

var bulbOff = function() { ... }

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

Here's 一个 jsfiddle 来说明。