jquery判断是否支持css3
css3的出现让浏览器的表现更加的丰富多彩， 表现冲击最大的就是动画了， 在日常书写动画的时候， 很有必要去事先判断浏览器是否支持， 尤其是在写CSS3动画库的时候。 比如transition的animation-play-state， 就只有部分浏览器支持。
检测方法
下面的方法可以使用脚本判断浏览器是否支持某一个CSS3属性：（相关课程推荐：jQuery教程）
/**
* 判断浏览器是否支持某一个CSS3属性
* @param {String} 属性名称
* @return {Boolean} true/false
* @version 1.0
*/
function supportCss3(style) {
var prefix = ['webkit', 'Moz', 'ms', 'o'],
i,
humpString = [],
htmlStyle = document.documentElement.style,
_toHumb = function (string) {
return string.replace(/-(\w)/g, function ($0, $1) {
return $1.toUpperCase();
});
};
for (i in prefix)
humpString.push(_toHumb(prefix[i] + '-' + style));
humpString.push(_toHumb(style));
for (i in humpString)
if (humpString[i] in htmlStyle) return true;
return false;
}
使用方法
alert(supportCss3('animation-play-state'));
本文来自jQuery答疑栏目，欢迎学习！
来源gao@!dai!ma.com搞$$代^@码网以上就是jquery判断是否支持css3的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：jquery判断是否支持css3
转载请注明原文链接：jquery判断是否支持css3
