zoukankan      html  css  js  c++  java
  • Jquery 自定义动画同步进行如何实现?

    需求描述:我需要对不懂的两个HTML对象进行操作,同时开始动画,同时结束动画。

    遇到问题:如果先后对连个对象进行 animate动画,那么第一个会先运行,等第一个运行完了运行第二个,这样就不同步了。

    解决方法:使用 setTimeout(),每一个延时执行的方法是不会相互干预的。

    代码

    ------------------------------------------------------------------

    对一个HTML对象修改一种属性

    $('#box').animate({height:400},500)

    对一个HTML修改两种属性

    $('#box').animate({height:400},500).animate({400},500);  //分先后执行
    $('#box').animate({height:400,400},500);//同时执行

    对多HTML对象修改多种属性

    setTimeOut(fa,1000)
    setTimeOut(fb,1000)
    setTimeOut(fc,1000)
    setTimeOut(fd,1000)

    function fa(){
       $('#a').animate({height:400},500)
    }

    function fb(){
     $('#b').animate({height:400},1000)
    }

    function fc(){
     $('#c').animate({400},1000)
    }

    function fd(){
     $('#d').animate({400},800)
    }
    
    

    个人博客地址:http://blog.wxp123.me/  Jquery 自定义动画同步进行如何实现?

  • 相关阅读:
    CF1208C
    CF1208B
    CF1208A
    CF1206A
    wqy的C题
    wqy的B题
    [POI2005]SAM-Toy Cars
    Gym
    操作系统学习---进程
    C++多线程(POSIX)
  • 原文地址:https://www.cnblogs.com/wangpg/p/4901032.html
Copyright © 2011-2022 走看看