位置: 编程技术 - 正文

详解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 控制暂停和播放)

  • 公司利润提取如果避税怎么做会计分录?
  • 堤防是啥
  • 应纳税所得额是什么意思
  • 增值税附加税税率是多少
  • 疫情期间社保单位不交个人吃亏吗
  • 无形资产的税费计入
  • 小微企业减免增值税申报表填写
  • 用友u8固定资产折旧怎么生成凭证
  • 对公账户可以报一办几个
  • 企业专家咨询费标准
  • 抵扣白条账单是怎么回事
  • 季度所得税从业人员怎么填
  • 调整汇算清缴利息怎么算
  • 坏账准备递延所得税资产怎么算
  • 建筑服务适用简易计税吗
  • 商贸企业变更为生产企业
  • 转让不动产增值税计算
  • 应计提的存货跌价准备
  • 土地转让如何缴纳增值税
  • 进项税额转出补交税金会计分录
  • 企业赞助学校发言稿
  • 给员工发结婚礼金怎么说
  • 银行卡收单机构外包业务管理指引
  • 简易征收税率都包括什么
  • 为什么增值税发票税率是1%
  • 一般企业财务报表格式2019选是还是否
  • 生产企业出口退税全部流程
  • 买免税产品
  • 进项大于销项下月可不可以抵扣
  • windows 10 bug
  • 笔记本设置权限管理在哪
  • 受托加工物资的账务处理例题
  • 如何处理企业所得税纠纷
  • 公司筹备期的费用
  • 已入账未抵扣的发票开红字发票
  • mmc.exe是什么进程
  • 会计科目在建工程有金额要求吗
  • 房产契税什么时间缴纳
  • 企业的组织形式共5种
  • 收回前欠货款存入银行的会计分录
  • 期初金额和期末金额怎么算
  • 小程序navigator组件
  • nvme安装方法
  • carplcy车载有什么用
  • mapbox怎么用
  • 个税系统怎么查询已申报个人明细
  • 卫生医疗收费专业有哪些
  • 普通发票密码区出格了能用吗
  • 新注册企业实收资本没到账怎么处理
  • python判断字符串为字母
  • 小企业会计准则主要按照什么计量
  • 独立法人企业关系怎么写
  • 纳税人发生应税行为
  • 跌价准备如何入库
  • 进项税留底怎么处理
  • 股权过户费用
  • 盘亏和报废报损的区别
  • 企业应付职工薪酬增加说明什么
  • 其他应收款的认定
  • 红十字会是事业编还是行政编
  • 工业企业固定资产投资
  • mysql错误处理
  • 重装系统后没声音怎么解决win7
  • svchosl.exe - svchosl是什么进程 有什么作用
  • xp无法启动如何修复
  • mediaexplorer是什么意思
  • Cocos2d-x 3.0final 终结者系列教程23CocosStudio UI组件使用大全Cocos2d-x3.2使用
  • linux基本命令的使用方法
  • 使用div+css进行网页布局的三种方式
  • 深度缓冲
  • 利用漏洞每天获利万元
  • 搭建简单的spike课程
  • python 聚类算法包
  • 详解node HTTP请求客户端 - Request
  • 解决android 11+的保存文件路径问题
  • 如何配置centos7
  • 营改增之前建筑业税率是多少
  • 国家税务总局验证码
  • 北京税务查验中心官网
  • 苏州税务系统
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设