通過選擇器控制動畫的速度

Question

我想使動畫的速度可以選擇。我寫了下面的代碼，但我無法解決什麼阻止它的工作。如果我刪除$（「＃speed」）。val（）;並用值替換它，它工作正常。 任何想法將大大收到！

<div class="lowerthird"> </div> 

<button onclick="lowerthirdout();">Lower Third Out</button> 

<select id="speed"> 
    <option value="1000">Fast</option> 
    <option value="2000">Medium</option> 
    <option value="5000">Slow</option> 
    <option value="0">None</option> 
</select> 


function lowerthirdout(){ 

    var speed = $("#speed").val(); 

    $(".lowerthird").animate({ 
     left: "640px", 
    }, speed); 
} 

Answer 1

你的問題是你爲640px後多餘的逗號。還需要使號碼一個int，而不是與parseInt函數的字符串：

http://jsfiddle.net/wpDdN/1/

function lowerthirdout(){ 

    var speed = parseInt($("#speed").val(), 10); 

    $(".lowerthird").animate({ 
     left: "640px" 
    }, speed); 
} 

Answer 2

看看這個 http://jsfiddle.net/E6FHC/