Jquery 自定义动画同步进行如何实现?
2024-09-06 21:07:39
需求描述:我需要对不懂的两个HTML对象进行操作,同时开始动画,同时结束动画。
遇到问题:如果先后对连个对象进行 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 自定义动画同步进行如何实现?
最新文章
- sql 数据库结构导出到文件
- SQL Server SELECT逻辑处理顺序
- 洛谷P3386 【模板】二分图匹配
- Nginx+Varnish又开始新的征程了
- Java正则表达式(1)
- datagrid标题头粗体
- AlphaBlend參数BLENDFUNCTION
- 优化eclipse
- js div截取字符串的长度
- Bootstrap-table事件使用
- mysql sql_cache缓存使用
- Maven学习笔记5:Maven属性、profile和资源过滤
- webpack 配置全局 jQuery 对象
- 机器学习【三】k-近邻(kNN)算法
- E - Coin Game
- jquery 手机获取验证码计时
- hbase 无法打开60010网页
- ES6中变量解构的用途—遍历Map结构
- 迷你MVVM框架 avalonjs 学习教程16、过滤器
- 为上海莫大型重工企业提供基于TFS的软件研发流程管理培训