Jquery 每个元素上的动画

我有一个简单的动画：当你把鼠标放在软件上时，我知道的文本就会出现在上面。 例如，当你在Indesign和Illustrator之间移动鼠标时，我知道的文本会保持白色：当你在一个单词之间切换时，它会消失并出现，是否可能产生一点效果？ Thks

PS：有人知道为什么动画颜色白色/黑色不起作用吗

---

如果您想让它淡出，您需要强制它淡出，否则它将保持悬停状态。尝试：

$(".skills span").hover( function(){
$(".skillsIknow").stop().animate({ opacity: '1' },300);
},function(){
$(".skillsIknow").stop().animate({ opacity: '0' },300);
});

---

我同意@Diodeus，您必须强制jQuery将其淡出。像这样

$(".skillsIknow").stop().animate({ opacity: '1' },300).animate({ opacity: '0' },300);

请注意，出列用于避免不必要的闪烁

就改变悬停时的颜色而言，有两种方法-

通过CSS：悬停 使用jQuery插件，比如 编辑您的JSFIDLE

注意，我已经在JSFIDLE的外部资源部分包含了jquery.color.js。

color无法设置动画，除非您使用类似的插件

$(".skills span").hover(function () {
    $(".skillsIknow").stop().animate({
        opacity: '1'
    }, 300).animate({
        opacity: '0'
    }, 300);

}, function () {
    $(".skillsIknow").stop().animate({
        opacity: '0'
    }, 300).dequeue();
});