办法用法实例

日期:2019-09-07编辑作者:关于计算机

正文实例叙述了jQuery中fadeOut()方法用法。分享给我们供大家参照他事他说加以考察。具体分析如下:

jQuery中fadeOut()方法用法实例,jqueryfadeout

正文实例陈说了jQuery中fadeOut()方法用法。分享给大家供大家参考。具体剖判如下:

此办法通过不反射率的变动来完结全部相称成分的淡出功用,并在动画实现后可选地触发叁个回调函数。

fadeOut()方法的用法:

此方法能够明确动画效果的持续时间。举例:

复制代码 代码如下:

$("div").fadeOut(5000)

以上代码规定div的淡出效果可在6000飞秒(5秒)内形成。
此办法也得以在动画落成后触发叁个回调函数。比方:

复制代码 代码如下:

$("div").fadeOut(四千,function(){alert('动画效用达成!')})

如上代码能够在动画实现以往触发回调函数,于是弹出一个提示框。
实例代码:

复制代码 代码如下:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8"/>
<meta name="author" content="" />
<title>fadeOut()函数-帮客之家</title>
<style type="text/css">
div{
  background:#060;
  width:300px;
  height:300px;
  color:red
}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("#up").click(function(){
    $("div").fadeOut(伍仟,function(){alert('动画作用完毕!')});
  })
})
</script>
</head>
<body>
  <div></div>
  <button id="up">点击查看效果</button>
</body>
</html>

上述代码点击按键能够缓慢将div设置为透明效果,完全透明之后,然后钦命回调函数。

目的在于本文所述对大家的jQuery程序设计有着援助。

本文实例陈诉了jQuery中fadeOut()方法用法。分享给我们供大家仿效。具体深入分析如下: 此方法通过不透...

此方法通过不折射率的生成来促成全数相配成分的淡出功效,并在动画达成后可选地触发二个回调函数。

fadeOut()方法的用法:

此方法能够规定动画效果的持续时间。比方:

复制代码 代码如下:

$("div").fadeOut(5000)

上述代码规定div的淡出效果可在陆仟皮秒(5秒)内变成。
此办法也能够在动画完结后触发三个回调函数。比如:

复制代码 代码如下:

$("div").fadeOut(四千,function(){alert('动画功能完毕!')})

如上代码能够在动画完成之后触发回调函数,于是弹出贰个提醒框。
实例代码:

复制代码 代码如下:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8"/>
<meta name="author" content="//www.jb51.net/" />
<title>fadeOut()函数-脚本之家</title>
<style type="text/css">
div{
  background:#060;
  width:300px;
  height:300px;
  color:red
}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("#up").click(function(){
    $("div").fadeOut(四千,function(){alert('动画作用完毕!')});
  })
})
</script>
</head>
<body>
  <div></div>
  <button id="up">点击查阅效果</button>
</body>
</html>

如上代码点击开关能够舒缓将div设置为透明效果,完全透明之后,然后钦点回调函数。

瞩望本文所述对大家的jQuery程序设计具有辅助。

你只怕感兴趣的作品:

  • jQuery使用fadeout完成要素渐隐效果的主意
  • jQuery动画效果-fadeIn fadeOut淡入浅出示例代码
  • jQuery中fadeIn、fadeOut、fadeTo的使用方式(图片浮现与潜伏)
  • js模拟jquery的slide和fadeIn和fadeOut功能
  • jquery (show,fadeOut,Animate)轻松意义
  • jQuery fadeOut 异步实例代码详解

本文由今晚最快开奖现场直播发布于关于计算机,转载请注明出处:办法用法实例

关键词:

调用JavaScript对象的办法集锦

明天在做项目时,境遇了亟待创设JavaScript对象的情况。所以Bing了一篇老外写的关于3种创建JavaScript对象的稿子,看后...

详细>>

jQuery基础语法实例入门

正文实例叙述了jQuery基础语法。共享给大家供大家仿效。具体剖析如下: jQuery基础语法实例入门,jquery语法实例 本文...

详细>>

Shell对象执行

WScript.Shell(Windows Script Host RuntimeLibrary)是三个对象,对应的文书是C:/WINDOWS/system32/wshom.ocx,Wscript.shell是服务器系统会...

详细>>

jQuery回调函数的定义及用法实例

正文实例陈述了jQuery回调函数的概念及用法。分享给大家供我们仿效。具体剖析如下: jQuery回调函数的概念及用法实...

详细>>