位置: 编程技术 - 正文

详解jQuery中基本的动画方法(jquery基础知识)

编辑:rootadmin

推荐整理分享详解jQuery中基本的动画方法(jquery基础知识),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery基础知识,jquery基础知识,jquery基本功能,jquery基础,jquery基本功能,jquery常用的5个方法,jquery基本用法,jquery基础,内容如对您有帮助,希望把文章链接给更多的朋友!

大致介绍

通过jQuery中基本的动画方法,能够轻松地为网页添加非常精彩的视觉效果,给用户一种全新的体验

jQuery中的动画

show()和hide()方法

1、show()方法和hide()方法是jQuery中最基本的方法,hide()方法会将一个元素的display设置为"none";

2、show()方法和hide()方法会同时改变元素的宽度、高度和透明度

3、在一个元素使用hide()方法时会记录原先的display属性,当调用show()方法的时候会根据hide()方法记住的display属性值来显示该元素

4、show()方法和hide()方法都能接受一个参数,表示运动的快慢

fadeIn()方法和fadeOut()方法

1、fadeOut()方法在指定的一段时间内只降低元素的不透明度,而fadeIn()方法则相反

2、接受一个参数

slideUp()方法和slideDown()方法

 1、slideUp()方法和slideDown()方法只会改变元素的高度。如果一个元素的display属性值为"none",当调用slideDown()方法时,这个元素将由上至下延伸,slideUp()方法相反

 2、接受一个参数

自定义动画方法animate()

 语法:animate(params,speed,callback);

 (1)params:一个包含样式属性及值得映射

 (2)speed:速度参数,可选

 (3)callback:在动画完成时执行的函数,可选

1、基本用法

详解jQuery中基本的动画方法(jquery基础知识)

2、多重动画

如果要采用链式运动可以采用链式写法

注意:如果采用链式写法时用了css()方法,css()方法不会添加到运动队列中,会直接执行而不等待前面的动画

这个元素的边框会在一开始就添加到了元素上,要解决这个问题的办法就是使用回调函数

如果要同时运动可将要运动的值写在一起

回调函数

回调函数适用与jQuery所有的动画效果方法

例如要解决链式写法css()属性会直接执行的问题可以采用回调函数的方法

停止动画和判断是否处于动画状态

1、停止元素的动画

stop()方法接受两个参数

第一个参数为true或者false,表示是否要清空为执行完的动画队列,例如我们写链式动画时,如果第一个参数为true,当我们阻止了正在进行的一个动画操作后,后面的动画操作都会被清空,如果参数为false时,就只会阻止当前的这个动画,动画队列后的动画依旧执行

第二个参数为true或者false,表示是否要将正在执行的动画跳转到末状态

2、判断元素是否处于动画状态

如果用户频繁的执行一个animate()动画时,就会出现动画积累,解决方法就是判断元素是否正处于动画状态,如果元素不处于动画状态,才为元素添加新的动画

3、延迟动画

如果要延迟执行一个动画,就可以使用delay()方法

其他动画方法

1、slideToggle()方法

通过高度的变化来切换匹配的元素的可见性

2、fadeTo()方法

可以把元素的不透明度以渐进的方式调整到指定的值,这个动画只调整元素的不透明度

3、fadeToggle()方法

通过不透明度来切换匹配元素的可见性

标签: jquery基础知识

本文链接地址:https://www.jiuchutong.com/biancheng/373918.html 转载请保留说明!

上一篇:实现点击下箭头变上箭头来回切换的两种方法【推荐】(实现点击下箭头的方法)

下一篇:详解jQuery停止动画——stop()方法的使用(jquery 控制暂停和播放)

  • 小规模销售收入要做销项税额吗
  • 年度企业所得税做账会计分录
  • 登记会计账簿的内容包括
  • 投标保证金保险怎么买
  • 发票第一联需要保存多久
  • 废机油处理多少钱一吨
  • 小规模纳税人不开票需要纳税吗
  • 分包抵扣
  • 所购税控盘减免税款
  • 进项税加计扣除什么时候开始的
  • 核定征收企业有哪些
  • 增值税普通发票几个点
  • 如何确定核定征收的应税所得率
  • 怎样进行房产置换的账务处理
  • 购入原材料退货的记账凭证怎么写
  • 销货清单和发票金额不一致
  • 公司成立初期费用入账
  • 应征增值税不含税销售额(3%征收率)怎么算
  • 采购材料差旅费怎么入账
  • 固定资产报废未折旧完会计处理
  • 两家企业共用一个厂区
  • 资产总额和净资本的关系
  • 如何删除系统自带的软件
  • 主办会计工作主要做什么
  • 企业所得税申报错误怎么更改
  • 企业合并案例
  • 股份制企业的特征主要是什么
  • 汇兑损益 纳税调整
  • mac如何打电话
  • linux进程操作命令
  • 如果电脑中毒了,航佳进销存还能使用吗
  • linux配置ssh免密
  • ixapplet.exe - ixapplet是什么进程 有何作用
  • 汇算清缴时业务招待费税收金额为零是什么原因
  • php如何防止xss攻击
  • 应付票据转让会计分录
  • win7界面旋转
  • node升级版本
  • vue获取当前路由地址
  • 二挡起步教程
  • 卷积神经网络课程
  • 企业年产值与年收入比例
  • 研发支出可以计提吗
  • 事件委托js例子
  • 发票红字冲回账务处理
  • vue打包找不到文件
  • 咨询公司业务流程
  • 不动产登记违建处理办法
  • 出口免税不退税会计分录
  • 无形资产一般包括哪些权利
  • 收到货款没开票的会计分录怎么做
  • 企业所得税固定资产的计税基础
  • 购进交通运输设备怎么做账
  • 房地产开发企业资质证书
  • 员工预支钱要写什么单据
  • 弥补以前年度亏损后缴纳所得税
  • 质量问题扣货款会计怎么处理
  • 兼职工资怎么做账
  • 公司利润太高了怎么办
  • sqlserver isnull在数据库查询中的应用
  • 如何设置微信语音来电铃声
  • u盘重装操作系统怎么办
  • iTunesHelper.exe是什么进程?iTunesHelper.exe系统错误怎么解决?
  • 什么叫另类
  • 为什么要淘汰相关性高的指标
  • win8的系统
  • cocos2dx环境搭建
  • unity3d怎么用
  • prototype.js中文文档
  • cocos2dx 4.0更新内容
  • 批处理命令不允许用户在文件夹内的文件
  • HAL code debug
  • jquery设置important
  • jQuery ajax提交Form表单实例(附demo源码)
  • javascript里的yield
  • 油票增值税专用发票几个点开
  • 所得税季度报表收入成本怎么填
  • 税务疑点核查报告
  • 湖南低保查询网上查询
  • 企业房产税公式
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设