jquery animate自定义动画的使用感受
来源:互联网 发布:php开源三级分销商城 编辑:程序博客网 时间:2024/05/17 23:05
在使用了jquery提供的animate这个方法来自定义动画之后,有这么几点感受。
第一点,animate使用起来还是比较灵活的。animate({css样式},slow or fast,callback);方法用起来比较简单。也就是用过第一个花括号里面对选中的操作元素的样式的改变来达到动画的效果。例如:animate({width:'300px'});能将原来的元素的宽度变成300px;animate({width:'+=300px'})是在原有的宽度的基础上加上300p的宽度。
第二点,比较拗口的地方。比如要把元素向右移动300px;代码是animate({left:'300px'});按照常规的想法应该是right:300px呀。但这里的left指的是离左边300px,相当于把元素向右移动了300px;
第三点,为了让运动看起来更加的复杂,可以同时修改多个css属性;比如:
animate({
width:'300pc',
opacity:'0.5',
left:'100px',
........
});
中间用,隔开,而不能像css样式一样用;号。其中还要注意一点就是样式属性的书写格式。比如一般的margin-left,在animate里面就应该写成marginLeft。
第四点,animate可以使用队列功能。也就是先做什么变换,然后再做什么变换。比如
var demo = $("#id");
demo.animate({width:'300px'});
demo.animate({fontSize:'3em'});
知道以上的这四点,自定义一个动画就没什么问题了!
- jquery animate自定义动画的使用感受
- jQuery animate() 自定义的动画。
- jQuery动画animate()的使用
- jquery自定义动画-animate()
- jquery自定义动画animate()
- jquery自定义动画animate()
- JQuery 自定义动画( animate() )
- jquery.animate自定义动画的函数
- jQuery动画---自定义动画animate()
- JQuery自定义动画animate方法
- JQuery自定义动画animate方法
- jQuery自定义动画函数animate() easing: "easeInOutCirc"导致的animate()动画抖动问题解决方法
- jQuery 效果 - animate() 方法 自定义动画效果
- 8.jquery animate方法自定义动画
- Jquery使用animate实现css3的transform动画效果
- Vue自定义动画和animate.css使用
- JQuery 动画渲染函数animate使用心得
- jQuery动画animate使用show hide toggle
- 【Get深一度】SCI及JCR——杂志某一年影响因子(IF)及引用频次(CI)计算的方法
- Android 新闻App的开发思路
- 杭电-2028 Lowest Common Multiple Plus (LCM)
- Swift学习第十二枪----移动数据库王者Realm入门教程
- {小结}2016.6.11【初中部 NOIP提高组 】模拟赛C
- jquery animate自定义动画的使用感受
- 用共轭梯度法求函数极小值和最优解,其中用进退法求步长区间,用黄金分割法求最佳步长
- Mybatis动态SQL--采用开发案例讲解
- 剑指offer(五十九)之二叉搜索树的后序遍历序列
- 神奇的栈帧
- 面向对象——this和super
- [Java] 对象的声明与实例化
- C++ 理解二维数组的指针
- Shell脚本编程之函数