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 相关文章推荐
tagName的使用,留一笔
Jun 26 Javascript
js预载入和JavaScript Image()对象使用介绍
Aug 28 Javascript
jQuery中:focus选择器用法实例
Dec 30 Javascript
JS实现单行文字不间断向上滚动的方法
Jan 29 Javascript
编写高质量JavaScript代码的基本要点
Mar 02 Javascript
BootStrap glyphicons 字体图标实现方法
May 01 Javascript
AngularJS入门教程之 XMLHttpRequest实例讲解
Jul 27 Javascript
EasyUI Combobox设置默认值 获取text的方法
Nov 28 Javascript
小程序实现短信登录倒计时
Jul 12 Javascript
Vue 实现复制功能,不需要任何结构内容直接复制方式
Nov 09 Javascript
原生js无缝轮播插件使用详解
Mar 09 Javascript
React 高阶组件HOC用法归纳
Jun 13 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中的 == 运算符进行字符串比较
2006/11/26 PHP
E路文章系统PHP
2006/12/11 PHP
php空间不支持socket但支持curl时recaptcha的用法
2011/11/07 PHP
PHP实现对xml的增删改查操作案例分析
2017/05/19 PHP
PHP+Redis链表解决高并发下商品超卖问题(实现原理及步骤)
2020/08/03 PHP
用js解决数字不能换行问题
2010/08/10 Javascript
js定义对象或数组直接量时各浏览器对多余逗号的处理(json)
2011/03/05 Javascript
Jquery插件写法笔记整理
2012/09/06 Javascript
Jquery EasyUI的添加,修改,删除,查询等基本操作介绍
2013/10/11 Javascript
常用的JavaScript验证正则表达式汇总
2013/11/26 Javascript
AngularJS基础 ng-include 指令示例讲解
2016/08/01 Javascript
Bootstrap BootstrapDialog使用详解
2017/02/17 Javascript
node通过npm写一个cli命令行工具
2017/10/12 Javascript
如何解决React官方脚手架不支持Less的问题(小结)
2018/09/12 Javascript
总结javascript三元运算符知识点
2018/09/28 Javascript
Nodejs实现图片上传、压缩预览、定时删除功能
2019/10/25 NodeJs
支付宝小程序实现省市区三级联动
2020/06/21 Javascript
从表单校验看JavaScript策略模式的使用详解
2020/10/17 Javascript
vue-quill-editor插入图片路径太长问题解决方法
2021/01/08 Vue.js
pycharm下打开、执行并调试scrapy爬虫程序的方法
2017/11/29 Python
Python实现发送与接收邮件的方法详解
2018/03/28 Python
Python对象属性自动更新操作示例
2018/06/15 Python
python3实现小球转动抽奖小游戏
2020/04/15 Python
Python GUI库PyQt5样式QSS子控件介绍
2020/02/25 Python
英国网上花店:Bunches
2016/11/29 全球购物
Ibood荷兰:互联网每日最佳在线优惠
2019/02/28 全球购物
手工制作的意大利皮革运动鞋:KOIO
2020/01/05 全球购物
AJAX应用和传统Web应用有什么不同
2013/08/24 面试题
总裁秘书岗位职责
2013/12/04 职场文书
大学军训通讯稿
2014/01/13 职场文书
《尊严》教学反思
2014/02/11 职场文书
青蓝工程实施方案
2014/03/27 职场文书
我的长生果教学反思
2014/04/28 职场文书
我的中国梦演讲稿小学篇
2014/08/19 职场文书
win10系统计算机图标怎么调出来?win10调出计算机图标的方法
2022/08/14 数码科技
Tomcat安装使用及部署Web项目的3种方法汇总
2022/08/14 Servers