jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了用于动画边框半径的jQuery大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个问题是动画border-top-left-radius风格.我通过分别输入两个长度值来使用此样式.

border-top-left-radius: 15px 25px;

我想通过jquery.animate()分别增加这两个长度值.

有没有办法实现这个目标?

解决方法

border-top-left-radius只接受一个值吗?所以你会像下面这样动画:

$('.class').animate({borderTopLefTradius: 20})

编辑

不确定jQuery是否支持开箱即用.也许你可以像这样实现步骤回调:

$('#container').animate({
    borderTopLefTradiusSideLength: 500,borderTopLefTradiusUpperLength: 50
},{
    duration: 5000,step: function (val,context) {
        $(this).data(context.prop,val);
        var side = $(this).data('borderTopLefTradiusSideLength');
        var upper = $(this).data('borderTopLefTradiusUpperLength');
        if (side && upper) {
            $(this).css('borderTopLefTradius',side + 'px ' + upper + 'px');
        }
    }
});

http://jsfiddle.net/YWsQn/1/

大佬总结

以上是大佬教程为你收集整理的用于动画边框半径的jQuery全部内容,希望文章能够帮你解决用于动画边框半径的jQuery所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: