国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

JS判斷瀏覽器是否支持某一個CSS3屬性的方法

2024-05-06 16:09:52
字體:
來源:轉載
供稿:網友

css3表現沖擊最大的就是動畫了,因此很有必要去事先判斷瀏覽器是否支持,寫CSS3動畫庫就只有部分瀏覽器支持

1、引子

css3的出現讓瀏覽器的表現更加的豐富多彩,表現沖擊最大的就是動畫了,在日常書寫動畫的時候,很有必要去事先判斷瀏覽器是否支持,尤其是在寫CSS3動畫庫的時候。比如transition的animation-play-state,就只有部分瀏覽器支持。

2、檢測方法

下面的方法可以使用腳本判斷瀏覽器是否支持某一個CSS3屬性:

  1. /**  
  2. * 判斷瀏覽器是否支持某一個CSS3屬性  
  3. * @param {String} 屬性名稱  
  4. * @return {Boolean} true/false  
  5. * @version 1.0  
  6. * @author ydr.me  
  7. * 2014年4月4日14:47:19  
  8. */ 
  9.  
  10. function supportCss3(style) {  
  11. var prefix = ['webkit''Moz''ms''o'],  
  12. i,  
  13. humpString = [],  
  14. htmlStyle = document.documentElement.style,  
  15. _toHumb = function (string) {  
  16. return string.replace(/-(/w)/g, function ($0, $1) {  
  17. return $1.toUpperCase();  
  18. });  
  19. };  
  20.  
  21. for (i in prefix)  
  22. humpString.push(_toHumb(prefix[i] + '-' + style));  
  23.  
  24. humpString.push(_toHumb(style));  
  25.  
  26. for (i in humpString)  
  27. if (humpString[i] in htmlStyle) return true;  
  28.  
  29. return false;  

3、使用方法

alert(supportCss3('animation-play-state'));

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 七台河市| 都兰县| 清远市| 尖扎县| 舟山市| 太仆寺旗| 凉城县| 拜城县| 沁水县| 庐江县| 增城市| 和政县| 西乌珠穆沁旗| 探索| 疏附县| 南城县| 万荣县| 望城县| 长春市| 普兰县| 江西省| 万州区| 顺义区| 西乌珠穆沁旗| 宁阳县| 深圳市| 德庆县| 福泉市| 新蔡县| 特克斯县| 东乌珠穆沁旗| 苏尼特左旗| 普宁市| 定远县| 富蕴县| 赤城县| 红安县| 庆阳市| 临城县| 香河县| 太仆寺旗|