zoukankan      html  css  js  c++  java
  • 元素淡入淡出效果实现

    html代码:

     <div class="aui-list-item-title loadcheck" v-bind:data-id="item.JianChaID">
                    </div>
                    <section v-bind:data-id="item.JianChaID" class="aui-content sec ">        
                    </section>


     js代码:

     1  //初始化事件
     2             initEvent: function () {
     3 
     4                 var that = this;
     5                 $('#ullist').delegate('div.loadcheck', 'click', function () {
     6 
     7                     var ckid = $(this).attr("data-id");
     8                     that.loadCheckDetail(ckid);
     9                     var lastshow = that.lastshow;
    10                     var obj = $('section[data-id="' + ckid + '"]');
    11                     if (!lastshow) {
    12                         obj.fadeIn(300);
    13                         that.lastshow = ckid;
    14                         return;
    15                     }
    16 
    17                     if (lastshow == ckid) {
    18                         obj.fadeOut(200);
    19                         that.lastshow = '';
    20                         return;
    21                     }
    22 
    23                     $('section[data-id="' + lastshow + '"]').fadeOut(200, function () {
    24                         obj.fadeIn(300);
    25                         that.lastshow = ckid;
    26                     });
    27 
    28                 });
    29             },
  • 相关阅读:
    L7-1 文本处理
    L6-14 继承多态
    L6-13 魔法方法
    L6-12 类的实例
    L6-11 综合运用
    L6-2 嵌套循环
    golang 关于引用类型
    golang close for channel
    go tip
    vscode官方文档
  • 原文地址:https://www.cnblogs.com/yaphetsfang/p/9269201.html
Copyright © 2011-2022 走看看