Question

我不太清楚这里的问题是什么。我已经包含了jQuery UI，因此我具有颜色兼容性。

<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/jquery-ui-1.10.0.custom.js"></script>

我之前也尝试过使用jQuery颜色插件。

我想更改字体颜色，但我的代码似乎不起作用。我添加了backgroundColor来测试它，并且有效。

如果您有任何想法，请告知我。

$('.menu-item').mouseover(function() {
  $(this).animate({
    color: '#fff',
    backgroundColor: '#000000',
  }, 500, function(     
  ) {
  });
});

$('.menu-item').mouseleave(function() {
  $(this).animate({
    color: '#fff',
    backgroundColor: '#ffffff',
  }, 500, function(
  ) {
  });
});

Answer 1

它不起作用，因为在mouseleave上你没有将字体颜色设置为黑色，因此它变得不可见试试这是有效的。

$('div').mouseover(function() {
  $(this).animate({
  color: '#fff',
  backgroundColor: '#000000',
}, 500, function(     
    ) {
   });
});

$('div').mouseleave(function() {
  $(this).animate({
  color: '#000',
  backgroundColor: '#ffffff',
}, 500, function(
  ) {
  });
});

check fiddle

Answer 2

我意识到我需要将目标更改为＆＃39; .menu-item＆＃39;到＆＃39; .menu-item a＆＃39;

我添加了＆＃39; a＆＃39;并改变了字体颜色，它完美地工作。

感谢Explosion Pills和James Montagne。此外，我将使用您链接到詹姆斯的网站。

问题与颜色动画jQuery

2 个答案: