jQuery中实现动画效果的基本操作介绍


Posted in Javascript onApril 16, 2013

动画效果

show():显示

hide()隐藏

$().toggle():显示和隐藏效果切换

都可以传入参数,speed.

 

 

fadeOut(淡出)

fadeIn(淡入)

fadeToggle();淡入淡出切换

fadeTo(2000,0.3)将图片显示到透明度为30%的程度

 

滑动显示

slideDown():

slideUp():

slideToggle():

都可以传入一个speed参数。

 

$(':animated');获取正在执行动画的元素。

将正在执行动画的元素停止:

$(':animated').stop():停止当前的动画。

stop(true)表示清除队列中的所有的动画,即动画立即停止,如果不传递参数,只是立刻停止当前的动画。

$(':animated').stop(false,true)第二个参数为true表示停止当前正在执行的动画,并且将元素设置为当前动画执行结束处的位置。

Javascript 相关文章推荐
激活 ActiveX 控件
Oct 09 Javascript
jsp js鼠标移动到指定区域显示选项卡离开时隐藏示例
Jun 14 Javascript
Javascript中3种实现继承的方法和代码实例
Aug 12 Javascript
Bootstrap导航栏各元素操作方法(表单、按钮、文本)
Dec 28 Javascript
jQuery插件HighCharts实现气泡图效果示例【附demo源码】
Mar 13 Javascript
使用jQuery实现一个类似GridView的编辑,更新,取消和删除的功能
Mar 15 Javascript
Node.JS 循环递归复制文件夹目录及其子文件夹下的所有文件
Sep 18 Javascript
javascript少儿编程关于返回值的函数内容
May 27 Javascript
vue cli 3.0 使用全过程解析
Jun 14 Javascript
JavaScript键盘事件常见用法实例分析
Jan 03 Javascript
基于form-data请求格式详解
Oct 29 Javascript
js实现随机圆与矩形功能
Oct 29 Javascript
基于jQuery中对数组进行操作的方法
Apr 16 #Javascript
js中 关于undefined和null的区别介绍
Apr 16 #Javascript
简略说明Javascript中的= =(等于)与= = =(全等于)区别
Apr 16 #Javascript
用js实现trim()的解决办法
Apr 16 #Javascript
Javascript中 关于prototype属性实现继承的原理图
Apr 16 #Javascript
jquery时间下拉框小例子
Apr 15 #Javascript
用js调用迅雷下载代码的二种方法
Apr 15 #Javascript
You might like
老机欣赏|中国60年代精品收音机
2021/03/02 无线电
咖啡冲泡指南 咖啡有哪些制作方式 单品咖啡 意式咖啡
2021/03/06 冲泡冲煮
php递归列出所有文件和目录的代码
2008/09/10 PHP
PHP执行linux系统命令的常用函数使用说明
2010/04/27 PHP
PHP的一个完美GIF等比缩放类,附带去除缩放黑背景
2014/04/01 PHP
weiphp微信公众平台授权设置
2016/01/04 PHP
php+MySql实现登录系统与输出浏览者信息功能
2016/07/01 PHP
PHP中字符串长度的截取用法示例
2017/01/12 PHP
php 与 nginx 的处理方式及nginx与php-fpm通信的两种方式
2018/09/28 PHP
浅析IE10兼容性问题(frameset的cols属性)
2014/01/03 Javascript
BootStrap的Datepicker控件使用心得分享
2016/05/25 Javascript
vue.js指令v-model使用方法
2017/03/20 Javascript
JS中使用media实现响应式布局
2017/08/04 Javascript
详解vue-cli与webpack结合如何处理静态资源
2017/09/19 Javascript
微信小程序时间轴实现方法示例
2019/01/14 Javascript
详解Vue 全局变量,局部变量
2019/04/17 Javascript
ES6基础之字符串和函数的拓展详解
2019/08/22 Javascript
使用layui监听器监听select下拉框,事件绑定不成功的解决方法
2019/09/28 Javascript
[02:05]2014DOTA2西雅图邀请赛 老队长全明星大猜想谁不服就按进显示器
2014/07/08 DOTA
python创建一个最简单http webserver服务器的方法
2015/05/08 Python
python实现爬取图书封面
2018/07/05 Python
Flask核心机制之上下文源码剖析
2018/12/25 Python
在python中使用requests 模拟浏览器发送请求数据的方法
2018/12/26 Python
Python二维码生成识别实例详解
2019/07/16 Python
如何使用Flask-Migrate拓展数据库表结构
2019/07/24 Python
Python 70行代码实现简单算式计算器解析
2019/08/30 Python
Linux系统下升级pip的完整步骤
2021/01/31 Python
技术总监个人的自我评价范文
2013/12/18 职场文书
2014学年自我鉴定
2014/02/23 职场文书
化学专业毕业生求职信
2014/07/28 职场文书
2014镇党委班子对照检查材料思想汇报
2014/09/23 职场文书
小学英语课教学反思
2016/02/15 职场文书
创业项目(超低成本创业项目)
2019/08/16 职场文书
浅谈css实现背景颜色半透明的两种方法
2021/12/06 HTML / CSS
WINDOWS下安装mysql 8.x 的方法图文教程
2022/04/19 MySQL
新的CSS 伪类函数 :is() 和 :where()示例详解
2022/08/05 HTML / CSS