jq动画

作者: 王帅同学 | 来源:发表于2018-10-19 00:47 被阅读0次

常规动画

显示

.show();
.show(slow); 600毫秒
.show(normal); 400毫秒
.show(fast); 200毫秒

隐藏

.hide();

切换显隐

.toggle();

淡入

.fadeIn();

淡出

fadeOut();

切换淡入淡出

fadeToggle.();

上滑

.slideUp();

下拉

.slideDown();

切换上下滑

.slideToggle();


自定义动画 animate

.animate();
.animate({scrollTop:0},100,'linear')

立即结束动画 结果是动画的最终状态

.finish();

立即停止动画

停止队列当中的当前动画,后续动画执行不受影响
.stop(false);
暂停动画,停止队列当中的当前动画,后续动画也不执行
.stop(true);
停止当前的状态,结果是当前动画的最终状态
.stop(true,true);


延迟动画,延迟一短时间然后进行下一个动画

.delay()

相关文章

  • 前端

    1.JQ动画 2.JQ循环

  • For循环线程与JQ动画结合的问题

    For循环线程与JQ动画结合的问题前言:最近做了一组数字翻滚动画,期间采用jq的animate动画和for循环,对...

  • jq动画

    代码呈上,多多指教:

  • jq动画

    常规动画 显示 .show();.show(slow); 600毫秒.show(normal); 400毫秒.sh...

  • JQ 动画

  • JQ 动画

    自定义动画 停止动画和判断是否处于动画状态

  • jqueryTools jq小方法

    工具方法: 判断数据类型和状态做相应的操作: JQ动画: jq的ajax

  • JQ

    1.JQ动画 jQuery动画 .box{width: 100px;heig...

  • JQ动画队列

    动画队列 什么是 jQuery 的动画队列?首先,我们先来了解一下什么是队列。队列是一种特殊的线性表,只允许在表的...

  • 13.JQ动画基础

    一.jq动画基础 1.显示和隐藏 (默认无动画,当添加参数的时候会有动画) show()/hide() 显示和...

网友评论

      本文标题:jq动画

      本文链接:https://www.haomeiwen.com/subject/blyezftx.html