jquery动画控制非css属性
2024-09-07 04:57:49
JQuery的animate()方法可以通过渐变的更改CSS属性来实现简单的动画效果,
比如
$("#box").animate({height:"300px"},3000);
可以控制id为box的标签在3秒内将高度更改到300px。
那么如果想要控制非CSS属性呢,比如说针对一些WebGl中的动画控制,如果使用setInterval倒是可以实现效果,但是太过麻烦。
这个时候就可以使用animate方法,生成递进的值,自己获取值来控制一些非CSS属性,比如:
//输出在1秒内从0递进到20每步执行的值
$({ height: 0 }).animate({ height: 20 }, {
step: function (val) {
console.log(val);
},
duration: 1000, //动画持续时间(毫秒)
complete: function () {
console.log('我完成了');
}
})
setp回调函数会在每次数据发生变化时调用。这样就可以通过val的值来控制一些非CSS3的属性实现动画效果。
注:上述代码中出现的两个height只是个名字,可以随意取,不影响代码运行。
最新文章
- JSBInding+Bridge.NET:把C#编译为Js
- Android中Thread和Service的区别zz
- echarts入门基础,画折线图
- jQuery Flickerplate 幻灯片
- Java学习笔记(十七)——java序列化
- ORACLE性能优化之SQL语句优化
- [saiku] 优化多维度查询效率
- OpenCV源码阅读(1)---matx.h---mat类与vec类
- JavaWeb文件的上传与下载(1)
- Request for the permission of type异常
- KNN--用于手写数字识别
- 安装LR11 时,安装Microsoft Visual c++2005 sp1运行时组件,就会提示命令行选项语法错误,键入“命令/?”可获取帮肋信息
- Java接口和抽象类以及接口的意义,instanceof的利用
- 导入MySQL数据库提示";Unknown character set: 'utf8mb4'";错误
- js 整数型数组和字符型数组相互转换
- 一学期积累下来的SQL语句写法的学习
- ajax请求格式
- 畅通工程续 (SPFA模板Floy模板)
- linux(模糊批量删除文件)删除指定文件夹中某个文件除外的其他文件
- 基于 Tornado 实现的 Web 站点反向代理
热门文章
- linux时间校对
- elasticsearch: 创建mapping
- 【微信错误】{";errcode";:";40013";,";errmsg";:";invalid appid hint: [mackRA06203114]";,";success";:false}
- 8、RabbitMQ三种Exchange模式(fanout,direct,topic)的性能比较
- IntelliJ IDEA设置主题和背景图片(背景色)
- IOI 2020 集训队作业胡扯
- 201871010119-帖佼佼《面向对象程序设计(java)》第十七周学习总结
- 201871010132--张潇潇--《面向对象程序设计(java)》第十五周学习总结
- csp 201809-2 买菜
- day38_8_22数据库(navicat操作)