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/

通过选择器形式控制动画的速度

2 个答案: