Javascript 当使用CSS转换/动画等时,什么';如果用户浏览器没有';你不做css动画吗?
我正在寻找一种使用css动画的方法,但是如果用户浏览器不做css动画,那么就退回到使用Jquery来制作动画。在Jquery中有没有一种简单的方法可以做到这一点?如果插件很小的话,插件也可以,但如果可能的话,我真的在jquery中寻找一些方法来实现这一点。我想使用css动画的唯一原因是使用css动画时使用的处理器功耗要低得多。jQuery建议使用它来确保浏览器可以维护中的某些功能。比如: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不
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似乎是最好的解决方案。很好。和。。我不知道,事实上我有点被现代化所鼓舞:这些价值观不应该被引用吗?