0

我的页面上有元素 .menu，我的 JS 库之一有 xslide 属性，它提供了许多选项，如可拖动、覆盖、半径等。 

$(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)

它不起作用，你能帮我吗？:) 如果我问这些琐碎的事情很烦人，我很抱歉，但我对它很陌生，我正在努力。^^

4

1 回答 1

0

jQuery animate 使用 CSS 样式来制作动画。如果插件有animate radius的扩展是可以的，否则animate就不行了。半径是 CSS 属性吗？

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

$("#selector").animate({
    "border-radius" : "10px"
}, 500); // 500 MS
于 2013-04-15T17:36:41.130 回答