JS：动画功能

我有我的页面上的元素。菜单，和我的JS库中的一个具有xslide属性，这给像拖动，覆盖许多选项，半径等JS：动画功能

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

      }); 
     });

上面的代码集属性以一种固定的方式，但我喜欢给他们一些平滑的过渡，所以我怎么在这里使用jQuery的.animate事物？例如，当点击菜单时，我希望半径在几秒内逐渐增长为20。所以我相信我的代码应该像这样开始：

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

现在是什么？当我尝试类似：

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

它不起作用，你能帮助我吗？ :)对不起，如果我讨厌这些微不足道的事情，但我很新，而且我很努力。 ^^

来源

2013-04-15 ofer dofer

你试过在看jQuery的'.animate（）'文档？他们有很多例子。 –

你能链接插件的文档吗？因为jQuery接受CSS转换，也许这个插件增加了一些支持。 – Niels

@BradM我想弄明白，当我不能在这里发布我的问题。 –

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

如果这将是一个边界半径将是这样的：

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

来源

2013-04-15 17:36:41 Niels

不，不。我不知道它是否是CSS，但它只是'半径'，我分享的第一个代码完美无缺，我只是希望该半径具有动画效果并尝试了您的代码，但它不起作用。：/ –

$（'。section'）。xslide（{radius：20}）;设置半径20，并给了我一个很好的结果，但是这个值应该慢慢增长，并不是所有的突然，这就是问题 –

我知道这是个问题，但你没有给出关于插件的任何信息。正如我所说的几次。 jQuery Animate只允许CSS转换，除非插件做了扩展。给我们更多的信息，以便我们可以正确回答。 – Niels

回答

相关问题