位置: 编程技术 - 正文

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

  • 唐朝的两税法是什么
  • 账面价值与计税基础之间没有差别只是计价的两种名称
  • 可供出售金融资产会计处理
  • 当月减少的固定资产当月停止折旧
  • 出纳个人账户转公户
  • 生产经营所得税怎么申报
  • 房地产企业回迁房增值税
  • 建筑企业收到预售款时需要缴纳增值税吗
  • 合同款未付怎么写欠条
  • 非货物贸易核查项下
  • 购买的发票进项税和成本怎么转出
  • 不是本单位职工可以报销差旅费吗
  • 银行支付结算工作内容
  • 企业增值税税负率与利润率的关系
  • 企业每月纳税申报流程
  • 会务费税率是多少 2021
  • 地方教育附加费是什么意思
  • 提示涉税风险该怎么弄
  • 国家税务总局公告2012年第57号
  • 物业管理公司代收水电费如何开票
  • 企业自产自用需要交增值税吗
  • 小规模跨年发票可以入账吗
  • 建筑业分包抵扣
  • 资产减值损失月末需要结转吗
  • 简易征收是优惠政策吗
  • 如何正确核算出租房屋所应交的房产税?
  • 建筑企业跨地区
  • 非流动资产基金对应哪个会计科目
  • 华为折叠手机mateXs3
  • 化工厂危险废物种类以及处置方式
  • 苹果电脑macbookpro使用教程
  • 环评费入账的会计分录是什么啊
  • 附加税异地预缴如何申报
  • 电视柜尺寸一般是多少厘米的
  • 屏幕颜色怎么变
  • PHP:pg_last_notice()的用法_PostgreSQL函数
  • 应付股利在资产负债表哪个科目
  • source map
  • 购买净资产为负的资产
  • js正则表达式删除特定字符
  • 如何确定合伙企业的利润
  • php 解析
  • opencv.
  • zabbix server端口
  • 应收账款科目有哪些类别
  • 公允价值变动损益
  • 本月的进项票可以抵扣上月税款吗?
  • 交易性金融资产属于流动资产
  • 出租房屋的房产税怎么算
  • 增值税的滞纳金税率
  • 会计怎么实现财务自由
  • 帝国cms移动端
  • 商业承兑汇票在网银上怎么查询
  • 现代服务包括哪些内容是什么
  • 足浴店装修大概多少钱一平
  • 税后利润分配还要交税
  • 残保金逾期申报了补报会有罚款和滞纳金吗?
  • 现金比率合适范围
  • 应付职工薪酬账户期初余额为4000元
  • 企业如何进行利润分配的会计处理
  • 银行回单模板
  • 三证合一是哪三证
  • 机票改签手续费有报销凭证吗
  • 出纳的现金日记账表格怎么做
  • 损益表格式 最新
  • 其他综合收益包括留存收益吗
  • windows电源图标消失
  • centos6.6网络配置
  • win7 开机动画
  • rundll32.exe是什么程序
  • win10右下角功能列表不见了
  • glib库
  • 原生封装ajax
  • Android屏幕外侧滑条
  • shell脚本函数及传参
  • oculus dk2
  • js框选
  • python数据类型总结
  • 江苏国税,地税怎么交
  • 融资租赁出租会计账务处理流程
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设