JQ 动画

作者: LearningCoding | 来源:发表于2017-06-14 18:18 被阅读79次
// 自定义动画
$('#all1').delay(200).animate({  // delay:延时0.2秒
                left: "0px"         // 改变css
            }, 200, function () {  // 0.2秒后执行函数
                $("#jiantou1").show(function () {
                    $('#all2').delay(200).animate({
                        left: "0px"
                    }, 200, function () {
                        $("#jiantou2").show(function () {
                            $('#all3').delay(200).animate({
                                left: "0px"
                            }, 200);
                        });
                    });
                });
            });
// 上滑消失,下滑出现
$('#book').slideUp('slow', function() {
 // Animation complete.
 });
$('#book').slideUp('slow', function() {
 // Animation complete.
 });
$('#book').slideToggle('slow', function() {
 // Animation complete.
 });
// 渐变出现消失
$('#book').fadeIn('slow', function() {
 // Animation complete
 });
$('#book').fadeOut('slow', function() {
    // Animation complete.
  });
$(this).fadeTo("slow", 0.33); // 0.33透明度
});

相关文章

  • 前端

    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/mjceqxtx.html