Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/431.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 当使用CSS转换/动画等时,什么';如果用户浏览器没有';你不做css动画吗?_Javascript_Jquery_Css_Css Transitions - Fatal编程技术网

Javascript 当使用CSS转换/动画等时,什么';如果用户浏览器没有';你不做css动画吗?

Javascript 当使用CSS转换/动画等时,什么';如果用户浏览器没有';你不做css动画吗?,javascript,jquery,css,css-transitions,Javascript,Jquery,Css,Css Transitions,我正在寻找一种使用css动画的方法,但是如果用户浏览器不做css动画,那么就退回到使用Jquery来制作动画。在Jquery中有没有一种简单的方法可以做到这一点?如果插件很小的话,插件也可以,但如果可能的话,我真的在jquery中寻找一些方法来实现这一点。我想使用css动画的唯一原因是使用css动画时使用的处理器功耗要低得多。jQuery建议使用它来确保浏览器可以维护中的某些功能。比如: jQuery.support.opacity //returns true/false 核心jQuery不

我正在寻找一种使用css动画的方法,但是如果用户浏览器不做css动画,那么就退回到使用Jquery来制作动画。在Jquery中有没有一种简单的方法可以做到这一点?如果插件很小的话,插件也可以,但如果可能的话,我真的在jquery中寻找一些方法来实现这一点。我想使用css动画的唯一原因是使用css动画时使用的处理器功耗要低得多。

jQuery建议使用它来确保浏览器可以维护中的某些功能。比如:

jQuery.support.opacity //returns true/false
核心jQuery不会让位于测试CSS3属性,但插件会。您可以在函数描述后的注释中找到一些这样的插件(如)

jQuery使用CSS转换,而无需为支持转换的浏览器编写特定代码

另一种选择并不十分令人鼓舞:您可以添加一个特性检测库,如Modernizer,然后为每种情况编写特定的代码,如

if (Modernizr.csstransitions) {
  $("#yourdiv").css({
    "-webkit-transform" : "translate(0, 10)",
    "-o-transform" : "translate(0, 10)",
    "-moz-transform" : "translate(0, 10)",
    "-ms-transform" : "translate(0, 10)",
    "transform" : "translate(0, 10)"
});
}
else {
  //do jquery animate stuff
}

你不应该在意它。动画并不重要。如果您进行渐进式增强,每个用户都将获得浏览器允许的最佳体验:)


如果你如此在意“处理器能力”,你根本不想在IE上有动画。否则,只使用jQuery,这似乎最适合您的特殊需要。

不要忘记回退的回退(如果禁用JavaScript):如果他真的想坚持动画,p+1似乎是最好的解决方案。很好。和。。我不知道,事实上我有点被现代化所鼓舞:这些价值观不应该被引用吗?