位置: 编程技术 - 正文

详解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%的发票吗
  • 未确认融资费用怎么算
  • 超过认证期的发票能用吗
  • 工资怎么扣费
  • 转入公账怎么做账
  • 一般纳税人广告
  • 处置无形资产取得的收入计入
  • 虚报亏损的税务处理办法
  • 财产损失税务备案
  • 辅助生产车间最后结转到哪里
  • 资产减值损失和信用损失的区别
  • 销售利润率如何提高
  • 教育附加费和地方教育附加费的计算
  • 小规模装饰公司干150万的活开专票需要多少钱
  • 异地建筑工程预缴企业所得税
  • 利息保障倍数为负数说明什么
  • 跨年度的费用发票做错了怎么办
  • 原料采购入库检测损耗的会计处理怎么做?
  • 存货减值准备计提
  • 营业外收入属于什么会计要素
  • 外经证作废流程
  • 控制上网速度的软件
  • 升级win10到专业版
  • centos编辑文本
  • 苹果电脑屏幕键盘怎么去除
  • win11无法安装程序包
  • php中的预定义变量
  • 房地产企业将开什么发票
  • 哪家银行理财产品收益率高
  • 二手房过户需要哪些手续和费用2023
  • kcleaner.exe是什么
  • 收到现金股利或债券利息时会计分录
  • 销售产品取得收入
  • 以旧换新直接给钱吗
  • 材料采购运杂费包括
  • 补交上年度增值税附加税,怎么做账
  • 微信小程序和web端的交互
  • 补交上年度企业所得税报表怎么填写
  • 让渡资产使用权包含哪些内容
  • 网站更换域名后无法访问
  • 个税申请退税流程
  • input和printf的区别
  • 建筑企业未按规定预缴增值税
  • 公司借给股东的钱金额较大股东可以在年底现金归还吗
  • 收到汇算清缴的退税需要交税吗
  • 征地费用会计分录
  • 分公司可以独立签约吗
  • mysql数据损坏修复方法
  • 房地产企业所得税预缴毛利率
  • 企业注册资本的规定
  • 使用积分换取物的软件
  • 核定征收适用于什么税率
  • 跨年发票如何做会计分录
  • 暂估成本结转后需要冲回吗
  • 小规模企业开具增值税专用发票
  • 工地水包水
  • 福利费属于管理费用还是销售费用
  • 工会经费的减除项是什么
  • 计提税金及附加的金额如何算
  • 记账凭证的填制与审核
  • 分类不同
  • sqlserver存储过程if语句
  • 品牌笔记本电脑排行
  • iis的服务
  • linux安装linux
  • notify.exe - notify是什么进程 有什么用
  • win7系统的电脑
  • linux系统的服务器,重启之后运算速度变慢
  • linux桌面设置界面在哪
  • 安装centos no such device
  • gridview用法
  • android profiler内存分析
  • regedit.exe
  • window.onerror()的用法与实例分析
  • [置顶] Deniz Saypinar
  • python爬虫抓取数据的步骤
  • The method findViewById(int) is undefined for the type FragmentHome报错
  • jQuery+ajax简单实现文件上传的方法
  • asx文件的作用
  • 请问在哪里可以培训护工
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设