jquery动画函数如何在内部工作?

前端之家收集整理的这篇文章主要介绍了jquery动画函数如何在内部工作?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这是小代码
<div id="clickme">
Click here
</div>
<img id="book" src="book.png" alt="" width="100" height="123"
style="position: relative; left: 10px;" />

$('#clickme').click(function() {
$('#book').animate({
    opacity: 0.25,left: '+=50',height: 'toggle'
},5000,function() {
    // Animation complete.
   });
});

很明显,左边的代码增加的,不透明度将是.25.如何jquery设法这样做… jquery内部执行一个循环来增加左边并改变不透明度,直到它变成.25.需要指导.谢谢

解决方法

它使用计时器在设定的时间段逐渐增加(或减少)值.它不能使用循环,因为如果是这样的话,它会在执行此操作时阻止/冻结主js线程,您将看不到动画. js中的所有内容都是(或应该是)异步的,通过事件.

猜你在找的jQuery相关文章