通过选择器表单控制动画的速度

Controlling speed of animation via a selector form

本文关键字：动画 速度 控制 表单 选择器      更新时间：2023-09-26

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

您的问题是 640px 之后的额外逗号。 此外，您还需要使数字成为整数，而不是使用parseInt的字符串：

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

function lowerthirdout(){
    var speed = parseInt($("#speed").val(), 10);
    $(".lowerthird").animate({ 
        left: "640px"
    }, speed );
}

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

相关文章：