文档章节

JQ--fadeOut()--使用

黄柳淞
 黄柳淞
发布于 2016/12/12 01:40
字数 129
阅读 15
收藏 0

1.

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function() {
			$("button").click(function() {
				$("#div1").fadeOut();
				$("#div2").fadeOut("slow");
				$("#div3").fadeOut(3000);
			});
		});
	</script>
</head>
<body>
	<p>演示带有不同参数的fadeout()方法</p>
	<button>点击这里,使三个矩形淡出</button>
	<div id="div1" style="width: 100px; height: 100px; color: red;background-color: red; margin-top: 10px;"></div><div id="div2" style="width: 100px; height: 100px; color: #ffffff;background-color: #666666;margin-top: 10px;"></div><div id="div3" style="width: 100px; height: 100px; color: red;background-color: #555555;margin-top: 10px;"></div>
	
</body>
</html>

 

© 著作权归作者所有

上一篇: jq展开效果
黄柳淞
粉丝 2
博文 108
码字总数 54251
作品 0
南宁
程序员
私信 提问
JS/jquery实现鼠标控制页面元素显隐

对于鼠标指针的移入和移出,就涉及到了mouseover、mouseout和mouseleave事件。 mouseover:当鼠标指针移到目标元素时触发该事件; mouseout:当鼠标指针移出目标元素或其子元素时,都会触发该...

GavinHsueh
2018/05/21
0
0
JS/jquery实现鼠标事件控制页面元素显隐

最近因为公司网站要上一个活动广告横幅,当用户鼠标划过时显隐二维码。像这种鼠标事件控制页面元素显隐的情况,码农们会经常遇到,可以通过javascript或jquery代码实现,下面就几种常见需求一...

GavinHsueh
2018/05/21
546
3
jq 解决 动画 淡入淡出,隐藏显示,多次操作BUG

一般我们有动态的比如 一个 div 点击 其他一个 或者是 鼠标移动到另一个 div时候, 淡入淡出动画,或者是其他动画 。显示或者隐藏。 当然如果使用 CSS3动画那就更好了,那样BUG是没有的。 可...

之渊
2016/11/26
86
0
JavaWeb05-HTML篇笔记(一)

1.1上次课内容回顾: JQuery: JQuery的概述:是一个轻量级的JavaScript的类库.对JS进行封装. 常见的JS的框架: JQuery的使用: JQuery的选择器:(*) JQuery实现效果: JQuery样式操作: JQuer...

我是小谷粒
2018/05/10
0
0
关于jq的一次基础回顾

前言 如果你对jq的基本语法还不清楚,和我一起来熟悉一下吧,本文只摘抄了部分jq1.12.1api部分常用语法,对于其他的可以自行查阅线上文档。 历史 在jq出现之前,曾经出现了prototype,Dojo,YU...

Tolonger
2018/01/05
0
0

没有更多内容

加载失败,请刷新页面

加载更多

代理模式之JDK动态代理 — “JDK Dynamic Proxy“

动态代理的原理是什么? 所谓的动态代理,他是一个代理机制,代理机制可以看作是对调用目标的一个包装,这样我们对目标代码的调用不是直接发生的,而是通过代理完成,通过代理可以有效的让调...

code-ortaerc
今天
5
0
学习记录(day05-标签操作、属性绑定、语句控制、数据绑定、事件绑定、案例用户登录)

[TOC] 1.1.1标签操作v-text&v-html v-text:会把data中绑定的数据值原样输出。 v-html:会把data中值输出,且会自动解析html代码 <!--可以将指定的内容显示到标签体中--><标签 v-text=""></......

庭前云落
今天
8
0
VMware vSphere的两种RDM磁盘

在VMware vSphere vCenter中创建虚拟机时,可以添加一种叫RDM的磁盘。 RDM - Raw Device Mapping,原始设备映射,那么,RDM磁盘是不是就可以称作为“原始设备映射磁盘”呢?这也是一种可以热...

大别阿郎
今天
12
0
【AngularJS学习笔记】02 小杂烩及学习总结

本文转载于:专业的前端网站☞【AngularJS学习笔记】02 小杂烩及学习总结 表格示例 <div ng-app="myApp" ng-controller="customersCtrl"> <table> <tr ng-repeat="x in names | orderBy ......

前端老手
昨天
16
0
Linux 内核的五大创新

在科技行业,创新这个词几乎和革命一样到处泛滥,所以很难将那些夸张的东西与真正令人振奋的东西区分开来。Linux内核被称为创新,但它又被称为现代计算中最大的奇迹,一个微观世界中的庞然大...

阮鹏
昨天
20
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部