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

回答

相關問題