html动画怎么隐藏,JQuery操作div隐藏和显示的4种动画
body{
font-family:"宋体";
font-size:13px;
color:#415973;
}
#ShowDiv{
display:none;
width:300px;
height:100px;
border:1px solid #ccc;
border-right:2px solid #888;
border-bottom:2px solid #888;
background-color:#f9f9f9;
text-align:center;
padding-top:30px;
}
//普通显示
$(function(){
$("#ShowButton").click(
function(){
if($("#ShowDiv").css("display")=='none'){
$("#ShowDiv").show();
$("#ShowDiv").html("show()
hide()");
$("#ShowButton").val("隐藏");
}else{
$("#ShowDiv").hide();
$("#ShowButton").val("显示");
}
});
});
//动画显示-1
$(function(){
$("#ShowButton_1").click(
function(){
if($("#ShowDiv").css("display")=='none'){
$("#ShowDiv").show(1000);
$("#ShowDiv").html("show(1000)
hide(1000)");
$("#ShowButton_1").val("隐藏");
}else{
$("#ShowDiv").hide(1000);
$("#ShowButton_1").val("显示");
}
});
});
//动画显示-2
$(function(){
$("#ShowButton_2").click(
function(){
if($("#ShowDiv").css("display")=='none'){
$("#ShowDiv").slideDown();
$("#ShowDiv").html("slideDown()
slideUp()");
$("#ShowButton_2").val("隐藏");
}else{
$("#ShowDiv").slideUp();
$("#ShowButton_2").val("显示");
}
});
});
//动画显示-3
$(function(){
$("#ShowButton_3").click(
function(){
if($("#ShowDiv").css("display")=='none'){
$("#ShowDiv").fadeIn(2000);
$("#ShowDiv").html("fadeIn()
fadeOut()");
$("#ShowButton_3").val("隐藏");
}else{
$("#ShowDiv").fadeOut(2000);
$("#ShowButton_3").val("显示");
}
});
});
普通显示   
动画显示-1 
动画显示-2 
动画显示-3 
相关文章：
@芥末的糖----------《后端加密》
bcryptsession 生命周期 session 标识产生的时机和清除时机:（权限验证） 用户已经登录：这个唯一标识会在用户登录时产生，用户点击退出时或者关闭浏览器时清除。 …
Java中的ClassLoader和SPI机制
深入探讨 Java 类加载器 成富是著名的Java专家，在IBM技术网站发表很多Java好文，也有著作。 线程上下文类加载器 线程上下文类加载器（context class loader）是从 JDK 1.2 开始引入的。类 java.lang.Thread中的方法 getContextCl…
html在线缓存视频,javascript – 如何为HTML视频添加缓冲
给你的视频提供ID：用于缓冲：var vid document.getElementById("myVideoOne");alert("Start: " vid.buffered.start(0) " End: " vid.buffered.end(0));var vid document.getElementById("myVideoTwo");aler…
ComponentName(String pkg, String cls)
版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qingfeng812/article/details/51279606 开发中因为改项目包名，用了全局替换，误操作把改构造函数的第二个参数只写了类名，不是完整的全路径…
mysql干货——数据库字符集和校对规则详解
2019独角兽企业重金招聘Python工程师标准>>> 一、什么是字符集 字符是多个文字和符号的总称，包括各个国家的文字、标点符号、图形符号、数字等。字符集多个字符的集合。 字符集合种类较多，每个字符集包含的字符的个数不同。对于字符集不支持的…
android监听器在哪里创建,[转载]android开发中创建按钮事件监听器的几种方法
第一种：匿名内部类作为事件监听器类Button button(Button)findViewById(R.id.button);button.setOnClickListener(newOnClickListener(){public void onClick(View v){System.out.println(“匿名内部类作为事件监听类”);}});大部分时候，事件处理器都没有…
Go语言源码分析CAS的实现和Java如出一辙
看了Go的源码CAS这块实现和java还是类似的。 关于Java的分析参考：Java使用字节码和汇编语言同步分析volatile，synchronized的底层实现 都是使用汇编指令：LOCKCMPXCHGL 原因很简单：单核肯定不能发挥Go的高并发性能，G…
python 的文件读写方法:read readline readlines wirte writelines
read()方法读入整个文件，把整个文件以字符串形式返回。readline() 方法每次只读一行，每运行一次只读一行。如果要读整个文件，需要结合循环判断文件结束。python判断文件末尾的标志是，读到空字符。比如：while str ! :r…
c# 模板方法模式
为什么80%的码农都做不了架构师？>>> 既然是模板肯定定义了相同的东西板式，提供了空白的地方自己添加进去就可以了 模板方法是把相同的部分抽象出来到抽象类中去定义，具体子类来实现具体的不同部分，这个思路也正式模板…
transient HashMap使用目的分析
看HashSet源码有这么一句： private transient HashMap<E,Object> map; 再看HashSet的Add方法： 实际上HashSet是复用HashMap了。 而我们去看看HashMap也会发现一样使用了transient 而不管是HashSet还是HashMapdou都要求是Serializable的ÿ…
4月29日监理师课程作业
软考信息系统监理师：2016年4月29日作业一、信息应用系统分析设计阶段监理1、需求分析的进入条件是什么？（记）答：①业主单位与承建单位正式签订建设合同，②并对初步的项目开发计划达成一致意见。2、需求分析的…
沉浸式导航栏html,混合开发 h5+ 沉浸式的适配
1.需要在mainfest.json plus对象里添加"statusbar": {"immersed": "true","style":"dark"}2.新建immersed.js注意 在里边不适用plus,因为plus.ready之后再js改变样式 必然造成页面闪烁跳动(function(w){document.addEventLi…
puppet yum模块、配置仓储、mount模块
转载：http://blog.51cto.com/ywzhou/1577335 作用：自动为客户端配置YUM源，为使用yum安装软件包提供便捷。 1、服务端配置yum模块 （1）模块清单 [rootpuppet ~]# tree /etc/puppet/modules/yum/ /etc/puppet/modules/yum…
最新技术选型解决方案列表
最新技术选型解决方案列表 1 概述 这是一份当前的技术选型方案，针对创业、中小型公司 2 目标2.1 产品目标2.1.1 SaaS 2.1.1.1 免安装 2.1.1.2 多租户 2.1.1.3 流量计费 2.1.2 可配置 2.1.2.1 需开通服务 2.1.2.2 服务自动组合 2.1…
合工大的计算机专业好不好,合肥工业大学计算机好，还是西电的好？差距有多大？...
合肥工业大学计算机好，还是西电的好?差距有多大?这两个大学都是教育部直属的工科院校，但是性质完全不一样，到底谁更厉害，结论是西电的计算机要比合肥工业大学强。首先因为西电本身就是比哈工大厉害的大学，学科评估方…
DataWorks V2使用PyUdf
在DataWorks上新建一个Python资源，命名为 test_udf.py 编辑pyudf的脚本代码，实现方法请参考Python实现MaxCompute UDF # -*- coding:utf-8 -*- from odps.udf import annotate #函数签名，SQL执行前所有函数的参数类型和返回值类型必须确定&a…
Java线程怎样映射到操作系统线程
先说多线程模型，参考经典教材《Operating System Concepts , Silberschatz ,9th edition》 中文版是《操作系统概念，第9版》 https://www.cs.uic.edu/~jbell/CourseNotes/OperatingSystems/4_Threads.html 一个线程是CPU利用率的基本单元，包…
NSUserDefaults的用法
2019独角兽企业重金招聘Python工程师标准>>> NSDictionary* defaults [[NSUserDefaults standardUserDefaults] dictionaryRepresentation]; NSLog("Defaults: %", defaults); 是用来获取设备上的所有的NSUserDefaults的设置。 上面代码输出了 2013-06…
计算机在轻工行业中的应用,计算机在不同领域中的具体应用
计算机以其卓越的性能和强大的生命力，在科学技术、国民经济、社会生活等各个方面得到了广泛的应用，并且取得了明显的社会效益和经济效益。计算机的应用几乎包括人类生活的一切领域，可以说是包罗万象，不胜枚举。据统计，…
自动驾驶L3量产追梦：如何跨过车规级和低成本门槛？
雷锋网新智驾按：从人类设想到落地前行，智能驾驶领域在2018年声响不断。在频繁的融资、技术创新和商业应用等信息背后，无数车企在公司战略中加入“网联化”、“自动化”，前几年涌现的自动驾驶领域的初创公司，近年来也开…
一句话说清聚集索引和非聚集索引以及MySQL的InnoDB和MyISAM
聚集索引和非聚集索引以及MySQL的InnoDB和MyISAM经常遇到有人向我咨询这个问题，其实呢，网上帖子很多，也说的都对，但是呢，看客可不一定是真的理解了。所以今天在这里用最简短的语言让你明白这些区别。 看这种图表就一切…
awstats CGI模式下动态生成页面缓慢的改进
本文可以看做是 多server多站点情况下awstats日志分析 这篇文章的下篇，在使用过程中发现awstats在cgi模式下动态生成分析报告慢的问题 （尤其是有些站点每天两个多G的日志，查看起来简直是在考验人的耐性），本文分享一种改…
计算机水平flash试题,计算机flash考试试题
《Flash动画设计》课程考核方案一、考试班级及科目216班 《Flash动画设计》二、考试时间1、考核时间：90分钟2、考试地点：学校计算机3机房3、考核时期：十七、十八周内各课任教师自主选定三、考核形式上机独立完成所有操作。在规定时间内按考核…
CDH大数据集群安全风险汇总
一，风险分为内部和外部 首先内部： CDH大数据集群部署过程中会自动创建以服务命名的用户，如图所示 用户名(login_name)：口令位置(passwd)：用户标识号(UID)：用户组标识号(GID)：注释性描述(users)&…
有界阻塞队列ArrayBlockingQueue和无界阻塞队列LinkedBlockingQueue
ArrayBlockingQueue和LinkedBlockingQueue最大的区别是一个是有界无界，各有优劣。 先看实例代码： main函数起2个线程模拟生成消费者 import java.util.concurrent.ArrayBlockingQueue; import java.util.concurrent.BlockingQueue; import java.util.…
zabbix监控windows 服务器各项性能
Zabbix agent 在windows上安装部署1、 下载与解压地址: http://www.zabbix.com/downloads/2.4.0/zabbix_agents_2.4.0.win.zip解压zabbix_agents_2.4.0.win.zipconf目录存放是agent配置文件 bin文件存放windows下32位和64位安装程序2、 配置与安装2.1 配置zabbix agent相关配…
计算机设备板块超跌,半导体全线拉升，沪指强势突破3600点，午后A股会再次冲高回落吗...
周四开盘沪指开于3585点，和周三收盘价低开了8个点。上午开盘后沪指呈现低开高走的趋势，10点以后沪指持续拉升上涨不但顺利地突破了3600点而且还创了反弹新高。除了沪指以外深市三大股指也是全线翻红，上午A股的三大股指再次全线拉升并且均创了…
docker之基础
一、Docker简介 容器：运行在同一类用户空间上的程序打包在一起，相当于一个集装箱 Docker:码头装运工；把集装箱搬运到该有的位置。 Docker 项目的目标是实现轻量级的操作系统虚拟化解决方案。 Docker 的基础是 Linux 容器（LXC&…
Java一个线程能否结束另一个永不停止的线程
在Java中停止一个线程有三种办法 ： 1.正常结束执行； 2.发生异常; 3.被其他线程stop(Java官方不建议) 参考：https://docs.oracle.com/javase/8/docs/technotes/guides/concurrency/threadPrimitiveDeprecation.html 为什么Thread.stop弃用…
pxe cobbler ipmi bmc
http://blog.csdn.net/xuensong520/article/details/8922926 http://blog.csdn.net/xuensong520/article/details/8915945 http://www.wenzizone.cn/?p408 #执行外部脚本(后置脚本)vi /var/www/cobbler/ks_mirror/config/autoip.sh #创建脚本，自动设置Linux系统静…