jQuery 效果 - fadeIn() 方法
jQuery 效果 - fadeIn() 方法
jQuery 效果参考手册
实例
使用淡入效果来显示一个隐藏的 <p> 元素:
$(".btn2").click(function(){$("p").fadeIn();
});
亲自试一试
定义和用法
fadeIn() 方法使用淡入效果来显示被选元素,假如该元素是隐藏的。
语法
$(selector).fadeIn(speed,callback)
参数 | 描述 |
---|
speed
可选。规定元素从隐藏到可见的速度。默认为 "normal"。
<p>可能的值:</p><ul class="listintable">
<li>毫秒 (比如 1500)</li>
<li>"slow"</li>
<li>"normal"</li>
<li>"fast"</li>
</ul><p>在设置速度的情况下,元素从隐藏到可见的过程中,会逐渐地改变其透明度(这样会创造淡入效果)。</p>
callback
可选。fadeIn 函数执行完之后,要执行的函数。
<p>如需学习更多有关 callback 的内容,请访问我们的 jQuery Callback 这一章。</p><p>除非设置了 speed 参数,否则不能设置该参数。</p>
提示和注释
提示:如果元素已经显示,则该效果不产生任何变化,除非规定了 callback 函数。
注释:该效果适用于通过 jQuery 隐藏的元素,或在 CSS 中声明 display:none 的元素(但不适用于 visibility:hidden 的元素)。
亲自试一试 - 实例
- 使用 speed 参数
- 使用 speed 参数来对淡入或淡出元素。
jQuery 效果参考手册
jQuery 效果 - fadeIn() 方法相关推荐
- jQuery 效果 - animate() 方法
实例 改变 "div" 元素的高度: $(".btn1").click(function(){ $("#box").animate({hei ...
- jQuery 效果 ——slideDown() 方法、slideToggle() 方法、slideUp() 方法
slideDown() 方法 定义和用法 slideDown() 方法通过使用滑动效果,显示隐藏的被选元素. 语法 $(selector).slideDown(speed,callback) 参数 描 ...
- jQuery 效果 - fadeTo() 方法
语法示例: $('.btn').click(function () {$(this).fadeTo(1000, .4) }) 参数一:毫秒数:(1000 = 1秒) 参数二:透明度:
- jQuery学习教程五:jQuery 效果 - 淡入淡出, Fading 方法
实例 jQuery fadeIn() 演示 jQuery fadeIn() 方法. <!DOCTYPE html> <html> <head> <script ...
- jQuery 效果函数,jquery文档操作,jQuery属性操作方法,jQuerycss操作函数,jQuery参考手册-事件,jQuery选择器
jQuery 效果函数 方法 描述 animate() 对被选元素应用"自定义"的动画 clearQueue() 对被选元素移除所有排队的函数(仍未运行的) delay() 对被选 ...
- miniui mysql_MiniUi系列 jQuery 事件 - delegate() 方法
当点击鼠标时,隐藏或显示 p 元素: $("div").delegate("button","click",function(){ $(&q ...
- html淡化效果,jQuery实现基本淡入淡出效果的方法详解
本文实例讲述了jQuery实现基本淡入淡出效果的方法.分享给大家供大家参考,具体如下: jQuery fadeIn()方法:用于淡入已隐藏的元素 jQuery fadeOut()方法:用于淡出可见的元 ...
- JQuery基本操作 JQueryCSS操作 JQuery筛选选择器 JQuery筛选方法 JQuery效果
JQuery 基本使用 原生JS获取的对象就是DOM对象 JQuery方法获取的元素是JQuery对象 (伪数组形式存储) 不能使用原生Js的属性和方法 DOM对象转换为 JQuery 对象 $ ...
- html用jq设置动态效果,jQuery实现基本动画效果的方法详解
本文实例讲述了jQuery实现基本动画效果的方法.分享给大家供大家参考,具体如下: animate()方法用于创建自定义动画 语法: $(selector).animate({params},spee ...
- 玩转Jquery中的动画效果(animate方法)
jQuery 动画 - animate() 方法 jQuery animate() 方法用于创建自定义动画. 语法: $(selector).animate({params},speed,callba ...
最新文章
- Raman Kazhamiakin
- 算法刷题-数论-组合数、快速幂、逆元、递推求组合数、逆元求组合数
- C++ 编译,运行过程 详解。
- 探索初级算法学习笔记-快速排序法
- Node 应用篇!推荐 10 个好用的 Node 的开源项目 YYDS
- post postman 传递数组对象_如何使用postman做接口测试
- OJ1059: 最高分(C语言)
- vue_ form表单 v-model
- matlab设计调度方法,基于Matlab的BP神经网络在公交车辆调度中的应用
- ArcGis-学习笔记6-4 空间插值简介
- 微信小程序学习14--小程序微信支付流程分析及实现
- 说说你印象中比较深刻的 Bug
- 瑞吉外卖_短信验证bug
- 已解决ModuleNotFoundError: No module named ‘frontend‘
- 11.Excel vba开发-根据已有名称,创建新建表格
- 关于合格设计师的30条冷知识
- 什么是虚拟机,虚拟机有什么妙用?
- element ui table表格合计移到顶部
- w7系统怎么开启打印机服务器,W7系统如何开启打印机服务
- 2021年3月电子学会Python等级考试试卷(一级)考题解析