jq之fadeOut()

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>jq之demo</title><!--线上jq库--><script src="https://code.jquery.com/jquery-3.4.1.min.js"></script><script>$(document).ready(function(){$("button").click(function(){/*淡出*/$("#div1").fadeOut();$("#div2").fadeOut("slow");$("#div3").fadeOut(3000);});});</script>
</head>
<body>
<p>test</p>
<button>点击</button>
<br/>
<div id="div1" style="width:80px;height:30px;background-color: red;"></div>
<div id="div2" style="width:90px;height:30px;background-color: blue;"></div>
<div id="div3" style="width:1000px;height:30px;background-color: yellow;"></div>
</body>
</html>

jq之fadeOut()相关推荐

jq动画函数：show（）、hide（）、toggle（）、slideDown（）、slideUp（）、slideToggle（）、fadeIn ()、fadeOut ()、fadeToggle ()
jq动画分为:基本动画和综合动画: 基本动画的作用都是显示隐藏: 综合动画是将自定义的属性放进去设置: 基本动画分为: show().hide().toggle():相对于左上角显示隐藏: slide ...
jq.validate.js
首选必须是要下载滴,jq.validate.js表单效验方式. 建立form表单没得说 <form id="form"><p><label for=& ...
jq 解决动画淡入淡出，隐藏显示，多次操作BUG
2019独角兽企业重金招聘Python工程师标准>>> 一般我们有动态的比如一个 div 点击其他一个或者是鼠标移动到另一个 div时候, 淡入淡出动画,或者是其他动画 .显 ...
JQ返回顶部代码分享~~~~
1.jq代码: <script type="text/javascript">$(function() {$("#tbox").click(scro ...
HTML轮播图全宽,jq全兼容自适应宽度图片轮播（新手适用）
插件描述:简单的jq逻辑,方便引用,易看懂,兼容性好更新时间:2019-12-10 00:45:09 全屏自适应轮播$(function() { var num = 0; $('.ui-contro ...
jq+ajax前端上传多张图片_史上最轻量的前端框架-VanillaJS
vanillaJS是史上最轻量跨平台前端框架 ,我们能够使用它构建强大的JS应用.从过去到以后他都是最轻量的框架介绍 vanillaJS目前在国外备受推崇,Bootstrap5舍弃了Jquery,选 ...
JQ实现王者荣耀手风琴效果
准备 htm+lcss布局和样式分析 HTMl是一个容器装着无序列表,li内装着俩图片,一个是小头像图片,另外一个是详情大图片 <div class="box">< ...
从初学时整理的jq资料
cdn:百度src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"谷歌src="https://ajax ...
js、jq知识点文档
JavaScript知识点第一章JavaScript概述 1.了解JavaScript的作用表单验证实现网页动态效果 2.了解JavaScript的特点概念:Javascript是一种基于对象 ...

jq之fadeOut()

jq之fadeOut()相关推荐

最新文章

热门文章