jQuery悬停没有动画但有延迟答案

【问题标题】：jQuery hover doesn't animate but has delayjQuery悬停没有动画但有延迟
【发布时间】：2015-12-17 03:16:25
【问题描述】：

我对 jQuery 或 jQuery UI 有疑问。我想在悬停时为按钮设置动画，但不是平滑地设置动画，而是等待指定的时间，然后立即弹出更改。有什么建议吗？

当我放大 Chrome 时，似乎更改是一个两步过程。可能是因为变化不大，所以就这样处理？

$(".btn-form").hover(
        function() {
            $(this).stop().animate(
            {
                borderWidth : "2px",
                borderColor : "#B27332"
            }, 500);
        },
        function() {
            $(this).stop().animate(
            {
                borderWidth : "1px",
                borderColor : "gray"
            }, 500);
        });

【问题讨论】：

你能提供html和css吗？
如果您 see a demo here 我也为width 设置了动画，请查看动画是否顺利进行。问题在于您选择动画的属性以及您赋予它们的值。由于它们非常微小，因此您实际上无法看到它们正常工作.. See this demo 其中@987654325 的值@正在增加..

标签： jquery jquery-ui jquery-animate jquery-hover

【解决方案1】：

您的代码有效！不幸的是，以平滑的方式将边框从 1px 更改为 2px 是不可察觉的。

您也可以尝试使用 CSS-transition 获得相同的结果。

.btn-form {
border: 1px solid gray;
transition: border 500ms;
}

.btn-form:hover {
border: 2px solid #B27332;
}

【讨论】：