如何改变javascript转换的速度

时间:2014-01-19 09:32:44

标签: javascript jquery html animation transition

您好,这是我从左侧滑入div的代码,如何调整滑入式动画的速度?

<script type="text/javascript">
$(document).ready(function() {
$("div.leftContainer")
.css("margin-left",-$(this).width())
.animate({
    marginLeft:0
}, 1000);
});
</script>

2 个答案:

答案 0 :(得分:0)

更改持续时间以更改速度(以毫秒为单位)

<script type="text/javascript">
    $(document).ready(function() {
        $("div.leftContainer")
                .css("margin-left", -$(this).width())
                .animate({
                    marginLeft: 0
                }, 1000);
               //..^...change duration on here
    });
</script>

注意: 1000ms = 1sec

文档:http://api.jquery.com/animate/

答案 1 :(得分:0)

.animate({
}, 1000); //1 second

.animate({
}, 2000); //2 seconds

.animate({
}, 5000); //5 seconds