如果你想这样称呼它,我整理了一个褪色的菜单。我遇到的问题是一切都消失了,除了我附加到链接末尾的图像。它淡出效果很好,但我根本无法让淡入淡出工作。
$(document).ready(function() {
$(".fade").hover(
function () {
$(this).fadeIn(500).append($("IMAGE HERE"));
$(this).stop().animate({
opacity: 1,
borderBottomColor: "#6BD8FF",
borderLeftColor: "#6BD8FF",
borderRightColor: "#6BD8FF",
borderTopColor: "#6BD8FF",
color: "#03A5DF",
backgroundColor: "#E3F8FF"
}, 500);
},
function () {
$(this).find("img:last").fadeOut(200);
$(this).stop().animate({
opacity: 1,
borderBottomColor: "#CCCCCC",
borderLeftColor: "#CCCCCC",
borderRightColor: "#CCCCCC",
borderTopColor: "#CCCCCC",
color: "#BBBBBB",
backgroundColor: "#F9F9F9"
}, 200);
}
);
});
改变 fadeIn 时间没有任何作用,如果你稍微看一下,你会发现它没有淡入,而只是出现了。其他一切工作正常。如果有人有帮助,我将不胜感激。谢谢!