Question

可能很简单，只是试图在悬停在div上时动画文本的颜色。到目前为止研究SO，但如果有人能指出我正确的方向，那将是非常棒的。目前这没有任何作用，并且没有向控制台抛出任何错误：

$('#homenav .homenavimg').hover(function (){
    $('#homenav h1').toggle(function() {
       $(this).animate({ color: "#FF0000" }, 1000);
    }, function() {
       $(this).animate({ color: "#000000" }, 1000);
    });
});

提前致谢！（PS：我有链接到JQuery和UI设置好）

Answer 1

如果您提供的标记本来不错，可以查看一下。可能你正在寻找像这样的东西

http://jsfiddle.net/j6AeZ/2/

$('#homenav .homenavimg').hover(function (){
$('#homenav h1').stop().animate({ color: "#FF0000" }, 1000);
  }, function() {
  $('#homenav h1').stop().animate({ color: "#000000" }, 1000);
});

Answer 2

$('#homenav .homenavimg').hover(function (){
    $('#homenav h1').stop().animate({ color: "#FF0000" }, 1000);
 }, function() {
    $('#homenav h1').stop().animate({ color: "#000000" }, 1000);
});

无需使用.toggle()，无论如何你在错误地使用它。

JSfiddle：http://jsfiddle.net/uArDu/2/

Answer 3

如果有兴趣将其转换为导航风格效果的任何人（即工作多于一个h1），请执行以下操作：

$('#homenav .homenavimg').hover(function (){
$(this).find('h1').stop().animate({ color: "#53799E" }, 250);
 }, function() {
  $(this).find('h1').stop().animate({ color: "#F58426" }, 250);
});

JQuery：悬停时的文本颜色切换

3 个答案: