Question

我的页面上有元素.menu，我的一个JS库有xslide属性，它提供了许多选项，如draggable，overlay，radius等。

$(document).ready(function(){
            $('.menu').xslide({
                draggable: true,
                overlay: 'rgba(255,30,100,1)',
                radius:0

            });
        });

上面的代码以固定的方式设置属性，但我喜欢给它们一些平滑的过渡，所以我如何在这里使用jQuery的.animate东西？例如，当.menu点击时，我希望半径在几秒钟内逐渐增长到20。所以我相信我的代码应该像：

 $('.menu').click(function(){

现在怎样？当我尝试类似的东西时：

$(this).animate.xslide({radius:'20'},1000)

它不起作用，你能帮帮我吗？ :)我很抱歉，如果我通过询问这些琐碎的事情而烦恼，但我很陌生，而且我很努力。 ^^

Answer 1

jQuery animate使用CSS样式进行动画处理。如果插件具有动画半径的扩展名，则可能，否则动画将无效。半径是CSS属性吗？

如果它是边界半径，它将类似于：

$("#selector").animate({
    "border-radius" : "10px"
}, 500); // 500 MS

JS：动画功能

1 个答案: