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 相关文章推荐
js循环改变div颜色具体方法
Jun 25 Javascript
JavaScript 开发工具webstrom使用指南
Dec 09 Javascript
jQuery实现防止提交按钮被双击的方法
Mar 24 Javascript
jQuery仿360导航页图标拖动排序效果代码分享
Aug 24 Javascript
JavaScript+CSS实现仿天猫侧边网页菜单效果
Aug 25 Javascript
Vue.js每天必学之指令系统与自定义指令
Sep 07 Javascript
关于javascript的一些知识以及循环详解
Sep 12 Javascript
Vue路由跳转问题记录详解
Jun 15 Javascript
基于vue打包后字体和图片资源失效问题的解决方法
Mar 06 Javascript
基于form-data请求格式详解
Oct 29 Javascript
基于vue.js实现购物车
Jan 15 Javascript
webpack中的模式(mode)使用详解
Feb 20 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
php 文件上传类代码
2011/08/06 PHP
解析php中die(),exit(),return的区别
2013/06/20 PHP
php 判断网页是否是utf8编码的方法
2014/06/06 PHP
迪菲-赫尔曼密钥交换(Diffie?Hellman)算法原理和PHP实现版
2015/05/12 PHP
Yii2框架使用计划任务的方法
2016/05/25 PHP
angularjs基础教程
2014/12/25 Javascript
如何解决ligerUI布局时Center中的Tab高度大小
2015/11/24 Javascript
Easyui 之 Treegrid 笔记
2016/04/29 Javascript
javascript十六进制数字和ASCII字符之间的转换方法
2016/12/27 Javascript
JS轮播图中缓动函数的封装
2020/11/25 Javascript
关于vue v-for 循环问题(一行显示四个,每一行的最右边那个计算属性)
2018/09/04 Javascript
使用Vuex解决Vue中的身份验证问题
2018/09/28 Javascript
JavaScript数据结构与算法之二叉树遍历算法详解【先序、中序、后序】
2019/02/21 Javascript
小程序云开发之用户注册登录
2019/05/18 Javascript
express如何解决ajax跨域访问session失效问题详解
2019/06/20 Javascript
浅谈layer的Icon样式以及一些常用的layer窗口使用方法
2019/09/11 Javascript
原生js实现随机点名功能
2019/11/05 Javascript
小程序跳转H5页面的方法步骤
2020/03/06 Javascript
ES6扩展运算符和rest运算符用法实例分析
2020/05/23 Javascript
typescript配置alias的详细步骤
2020/08/12 Javascript
windows 下python+numpy安装实用教程
2017/12/23 Python
Python unittest单元测试框架总结
2018/09/08 Python
详解Python列表赋值复制深拷贝及5种浅拷贝
2019/05/15 Python
Python利用pandas处理Excel数据的应用详解
2019/06/18 Python
python 字典访问的三种方法小结
2019/12/05 Python
如何实现在jupyter notebook中播放视频(不停地展示图片)
2020/04/23 Python
python中如何写类
2020/06/29 Python
Hotter Shoes美国官网:英国最受欢迎的舒适鞋
2018/08/02 全球购物
Perfume’s Club英国官网:购买香水和护肤品
2019/11/02 全球购物
教师档案管理制度
2014/01/23 职场文书
房地产促销活动方案
2014/03/01 职场文书
送温暖献爱心活动总结
2014/07/08 职场文书
纪检干部现实表现材料
2014/08/21 职场文书
2014县委书记四风对照检查材料思想汇报
2014/09/21 职场文书
学生党员检讨书范文
2014/12/27 职场文书
导游词范文
2015/02/13 职场文书