jQuery动画问题

Question

我是jQuery新手，正在学习如何与ASP.NET集成。

下面抛出一个异常作为“无效参数”。

<script type="text/javascript">
$(document).ready(
    function () {
        $("h2:first").animate({
            borderBottom: '3px solid #8f8f8f',
            borderRight: '3px solid #bfbfbf'
        }, 2000);
    }
);

​

.

<h2>
    Welcome to ASP.NET!
</h2>

谢谢&致以问候

Answer 1

问题所在

您正在尝试为每个属性设置多个维度的动画。

除以下说明外，所有动画属性都应设置为单个数字值的动画；大多数非数字属性不能使用基本jQuery功能设置动画。(例如，可以设置width、height或left的动画，但不能设置background-color的动画。)除非另有指定，否则属性值将被视为像素数。可以在适用的情况下指定单位em和%。

您必须像borderBottomWidth: 3一样一次设置一个属性的值。问题还在于，提供的动画功能不能按原样为颜色添加动画。你必须求助于其他方法来做到这一点。

jQuery UI项目通过允许对一些非数字样式(如颜色)进行动画处理来扩展.animate()方法。该项目还包括通过CSS类而不是单个属性指定动画的机制。