Jquery 自定义动画同步进行如何实现?
2015-10-22 15:02
609 查看
需求描述:我需要对不懂的两个HTML对象进行操作,同时开始动画,同时结束动画。
遇到问题:如果先后对连个对象进行 animate动画,那么第一个会先运行,等第一个运行完了运行第二个,这样就不同步了。
解决方法:使用 setTimeout(),每一个延时执行的方法是不会相互干预的。
代码
------------------------------------------------------------------
对一个HTML对象修改一种属性
对一个HTML修改两种属性
对多HTML对象修改多种属性
个人博客地址:http://blog.wxp123.me/ Jquery 自定义动画同步进行如何实现?
遇到问题:如果先后对连个对象进行 animate动画,那么第一个会先运行,等第一个运行完了运行第二个,这样就不同步了。
解决方法:使用 setTimeout(),每一个延时执行的方法是不会相互干预的。
代码
------------------------------------------------------------------
对一个HTML对象修改一种属性
$('#box').animate({height:400},500)
对一个HTML修改两种属性
$('#box').animate({height:400},500).animate({width:400},500); //分先后执行 $('#box').animate({height:400,width: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({width:400},1000)
}
function fd(){
$('#d').animate({width:400},800)
}
个人博客地址:http://blog.wxp123.me/ Jquery 自定义动画同步进行如何实现?
相关文章推荐
- jQuery多级手风琴菜单实例讲解
- jquery 实时计算用户输入的字数
- javascript/jquery解析XML带namespace的标签
- jquery form 表单插件的使用
- 使用jquery插件qrcode生成二维码
- jQuery 遍历 - map() 方法
- jquery操作css
- JQuery获取并解析php返回的json格式数据的简单示例
- jQuery源码分析之globalEval函数
- 操作jQuery集合——过滤操作
- Jquery autocomplete 插件使用
- jquery 处理密码输入框(input type="password" ) 模仿placeholder
- Asp.net +Jquery-uploadify多文件上传
- JQuery中$.ajax()方法参数详解
- 利用jQuery和CSS实现环形进度条
- jQuery学习笔记之三
- jquery 实现tab选项卡功能
- jQuery常用的元素查找方法总结
- jquery的$.extend和$.fn.extend作用及区别
- jquery-jquery替换getElementsByTagName