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 相关文章推荐
初识JQuery 实例一(first)
Mar 16 Javascript
JQuery之拖拽插件实现代码
Apr 14 Javascript
js自定义方法通过隐藏iframe实现文件下载
Feb 21 Javascript
Js中setTimeout()和setInterval() 何时被调用执行的用法
Apr 12 Javascript
动态标签 悬停效果 延迟加载示例代码
Nov 21 Javascript
jquery插件hiAlert实现网页对话框美化
May 03 Javascript
jQuery之简单的表单验证实例
Jul 07 Javascript
详解JavaScript按概率随机生成事件
Aug 02 Javascript
详解使用vue-admin-template的优化历程
May 20 Javascript
小程序实现多列选择器
Feb 15 Javascript
vue中nextTick用法实例
Sep 11 Javascript
详解Vue的异步更新实现原理
Dec 22 Vue.js
基于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
消息持续发送的完整例子
2006/10/09 PHP
php+mysql 实现身份验证代码
2010/03/24 PHP
php字符串过滤与替换小结
2015/01/26 PHP
PHP实现的日历功能示例
2018/09/01 PHP
PHP封装的page分页类定义与用法完整示例
2018/12/24 PHP
js不是基础的基础
2006/12/24 Javascript
createElement动态创建HTML对象脚本代码
2008/11/24 Javascript
Mootools 1.2教程 定时器和哈希简介
2009/09/15 Javascript
JavaScript Chart 插件整理
2010/06/18 Javascript
IE6 fixed的完美解决方案
2011/03/31 Javascript
JavaScript组件焦点与页内锚点间传值的方法
2015/02/02 Javascript
JavaScript如何实现组合列表框中元素移动效果
2016/03/01 Javascript
Javascript for in的缺陷总结
2017/02/03 Javascript
vue如何从接口请求数据
2017/06/22 Javascript
nuxt框架中路由鉴权之Koa和Session的用法
2018/05/09 Javascript
Node.js中的child_process模块详解
2018/06/08 Javascript
详解Vue.js自定义tipOnce指令用法实例
2018/12/19 Javascript
在JavaScript中如何访问暂未存在的嵌套对象
2019/06/18 Javascript
vue 使用element-ui中的Notification自定义按钮并实现关闭功能及如何处理多个通知
2019/08/17 Javascript
如何在微信小程序中使用骨架屏的步骤
2020/06/12 Javascript
JavaScript点击按钮生成4位随机验证码
2021/01/28 Javascript
Python使用random和tertools模块解一些经典概率问题
2015/01/28 Python
快速入门python学习笔记
2017/12/06 Python
Python3对称加密算法AES、DES3实例详解
2018/12/06 Python
用scikit-learn和pandas学习线性回归的方法
2019/06/21 Python
Python通过Manager方式实现多个无关联进程共享数据的实现
2019/11/07 Python
python实发邮件实例详解
2019/11/11 Python
python代码实现图书管理系统
2020/11/30 Python
前端canvas动画如何转成mp4视频的方法
2019/06/17 HTML / CSS
英国户外服装品牌:Craghoppers
2019/04/25 全球购物
美国在线和移动免费会员制批发零售商:Boxed(移动端的Costco)
2020/01/02 全球购物
澳大利亚领先的男装零售连锁店:Lowes
2020/08/07 全球购物
我的动漫时代的创业计划书范文
2014/01/27 职场文书
乡镇党员干部四风对照检查材料思想汇报
2014/09/27 职场文书
人为什么会“幸灾乐祸”?
2019/08/06 职场文书
python如何将mat文件转为png
2022/07/15 Python