国产探花免费观看_亚洲丰满少妇自慰呻吟_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'));

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

圖片精選

主站蜘蛛池模板: 两当县| 苏州市| 长垣县| 抚顺市| 壤塘县| 眉山市| 古交市| 龙胜| 吴川市| 沭阳县| 东方市| 绍兴市| 鄂伦春自治旗| 黄梅县| 科尔| 搜索| 石景山区| 手机| 康马县| 梁平县| 昆明市| 文成县| 紫阳县| 潜山县| 海阳市| 定结县| 仙游县| 耒阳市| 临洮县| 梁河县| 赤水市| 五家渠市| 海城市| 道真| 台南市| 德庆县| 澳门| 永年县| 布拖县| 伊宁市| 义乌市|