Javascript/JQuery 做翻转效果确认

Question

基本上，我在 JQuery 的帮助下开设了一些关于 Javascript 的远程类(class)。 在其中一项作业中，它要求:

• 改变形象
• 该图像会随着翻转效果而变化。

因为它最初是瑞典语(我出生在瑞典并说瑞典语)我有点困惑，因为我在互联网上获得的关于我的编程的所有帮助信息都是英文的。希望你明白..

$(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 来说明。