我有一个下拉功能的动态下拉菜单,我想添加更多功能。菜单是页面导航,将鼠标悬停在链接上会更改内容区域中图像的来源,从而反映活动链接。这是一个简单的 attr(src) 更改。
我添加了一些代码来淡出活动图像,将源更改回默认值,并在离开菜单时淡入淡出,但想在 If/Else 语句中框定该代码;如果图像的源与默认值没有变化,则防止图像淡出并重新出现。
语法似乎正确,但功能无法正常工作。我相对较新,可能会遗漏一些东西。对于功能更可靠的代码的任何建议,我将不胜感激!
谢谢你的时间,丹尼尔
else 语句中嵌入的函数(淡出、更改源、淡入)按我的意愿工作。
$("#trigger").mouseleave(function(){
var img = $("#img_home");
if (img.src = "Images/IMG_4663_bw.jpg"){
img.noop();
} else {
img.fadeOut(1000, function(){
img.attr("src","Images/IMG_4663_bw.jpg");
img.fadeIn(1000);
});
}
});