Javascript/JQuery to do rollover-effect confirm

本文关键字：rollover-effect confirm do to JQuery Javascript 更新时间：2023-09-26

所以基本上我在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');
});
});

这似乎可以接受吗？你会确认一下吗？我只是对翻转效果有点困惑。该代码将表示未点亮的灯。但是一旦你把鼠标移到它上面，它就会继续。

意见？

我可能会尝试使用jQuery的hover()函数。这将有助于使您的代码更易于阅读，并且可以帮助您组织灯泡打开/关闭时发生的情况。例如：

var bulbOn = function() { ... }
var bulbOff = function() { ... }
$('#lamp').hover(bulbOn, bulbOff);

这里有一个jsfiddle来说明。