元素淡入淡出效果实现
时间:2022-07-22
本文章向大家介绍元素淡入淡出效果实现,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
html代码:
<div class="aui-list-item-title loadcheck" v-bind:data-id="item.JianChaID">
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 },
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Python中字典的详细用法
- Android抓包总结-HTTPS单向认证&双向认证突破
- 2020 ISG“观安杯”最高分值web题的解题思路大放送
- 详解 JS 压缩图片
- LeetCode 1553. Minimum Number of Days to Eat N Oranges
- 异步IO数据库队列缓存
- markdown转为pdf文件
- [已解决]报错:Required request body is missing
- jupyter notebook修改默认路径和浏览器
- python selenium while 循环
- implicitly_wait()隐式等待
- [已解决]python FileNotFoundError: [WinError 3] for getsize(filepath)
- [已解决]ValueError: row index was 65536, not allowed by .xls format
- 记一次由Redis分布式锁造成的重大事故,避免以后踩坑!
- ES6部分源码重写 -1(ES5-构造函数解析)