这里关于css和js动画的前后顺序有点不懂

这里关于css和js动画的前后顺序有点不懂

这里是遇到不支持css的时候,就将transition进行移除,执行js,

但遇到css支持的浏览器的时候,在何处提现优先执行css动画而不是js呢,

还是说要在defaults内进行设置,还是另外写一个函数进行判断,改变options中的参数

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕慕子 2019-09-02 18:59:56

同学你好, 首先你前面的理解是对的, 在js中设置default是默认值, 也就是初始值,既不开启css动画也不开启js动画,

该方法中通过传入的opations值, 判断是只能跟哪种动画。

http://img1.sycdn.imooc.com//climg/5d6cf5c90001eded07540810.jpg

如果体现使用哪种动画,以CSS动画为例, 可以参考如下步骤测试一下

(1)通过在调用方法的时候传入的opations控制 。 示例:

http://img1.sycdn.imooc.com//climg/5d6cf50400013fa403890150.jpg

(2)上诉是使用css3动画, 可以在css3的show方法中打印一条语句, 证明是使用的css3动画

http://img1.sycdn.imooc.com//climg/5d6cf5390001898304820141.jpg

http://img1.sycdn.imooc.com//climg/5d6cf5490001cef807990358.jpg

http://img1.sycdn.imooc.com//climg/5d6cf5570001600604070094.jpg

同学可以自己在下去测试一下

如果帮助到了你, 欢迎采纳!

祝学习愉快~~~

  • 提问者 慕用0863198 #1
    第一种方法在option中css和js都为true的情况下,由于if语句中,css是优先判断的,所以在执行时,会先执行css的动画效果, 第二种就是纯粹的用option控制js和css动画效果的开关,可以这样理解嘛?
    2019-09-02 21:22:52
  • 好帮手慕慕子 回复 提问者 慕用0863198 #2
    同学你好, 可以这样理解哦, 祝学习愉快~~~
    2019-09-02 22:52:15
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
组件化思想开发电商网页 18版
  • 参与学习           人
  • 提交作业       467    份
  • 解答问题       4826    个

本路径带你通过系统学习HTML5、JavaScript、jQuery的进阶知识,不仅如此,还会学习如何利用组件化的思想来开发网页,知识点+案例,使得所学可以更好的得到实践。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师