0

我想让动画的速度可选择。我已经编写了以下代码，但我无法弄清楚是什么阻止了它的工作。如果我删除 $("#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 );
}
4

2 回答 2

2

您的问题是 640px 之后的一个额外的逗号。您还需要将数字设为 int，而不是使用 parseInt 的字符串：

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

function lowerthirdout(){

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

    $(".lowerthird").animate({ 
        left: "640px"
    }, speed );
}
于 2012-06-23T01:09:35.803 回答
0

看看这个 http://jsfiddle.net/E6FHC/

于 2012-06-23T01:05:47.687 回答