jquery - Jquery 动画圆形 div 的问题

Question

所以，

冒着迷失在论坛上“悬停动画问题”之海的风险，这里是：

我正在为登陆页面开发一系列悬停动画按钮。它们的悬停状态是一个圆形 div：

初始/“mouseoff”状态是没有 div 的彩色动画文本：

我有一个带有脚本的JSfiddle来为 div 的背景颜色设置动画，以便当光标在它上面时它会变成棕色，但我认为我忽略了语法中的某些内容，因为它似乎没有生效：

<script type="text/javascript">
  $(document).ready(function(){
    $(".corners").hover(function() {
      $(this).stop().animate({ backgroundColor: "#fff"}, 'fast');
    },
    function() {
      $(this).stop().animate({ backgroundColor: "#8B5E3C"}, 'fast');
    });
  });
</script>
<div class="corners"> 
    <div class="cornertext">Main Site</div> 
</div>
<div class="corners"> 
    <div class="cornertext">Mobile</div> 
</div>

一旦我弄清楚了这个属性，目标就是设置一个函数来同时更改字体颜色，但首先我必须确定 DIV 颜色动画有什么问题。来自 SO 的人才的帮助会很棒！

-马卡 ​</p>

Answer 1

您忘记包含 ui 库。我在这里有一个工作演示。确保在包含 jquery 之后包含库。

另请参阅此处了解有关扩展的详细信息.animate()