互換性の移行移行プロセス

移行の互換性：

 

 JSパッケージは、ブラウザが互換性の遷移であることを確認し、互換性のある表現を選択します

以下はtransition.jsです

（関数（）{
     // 判断遷移属性是否存在
    // 存在：空字符串
    // 不存在：未定義
    // はconsole.log（document.body.style.transition）; 
    VAR transitionName = { 
        遷移： "transitionend" 、
        mozTransition： "transitionend" 、
        webkitTransition： "webkitTransitionEnd" 、
        oTransition： "oTransitionEnd otransitionend" 
    }; 

    VAR transitionEnd = "" ;
     VAR isSupport = 偽; 

    のための（VARの名でtransitionName）{
         IF（document.body.style [名] = "未定義"！）{
             // 存在を示す 
            transitionend = transitionName [名]; 
            isSupport = trueに、
             BREAK ; 
        } 
    } 
    // ローカル変数グローバル変数として特性 
    window.mt window.mt || = {}; // 存在引き続き存在する場合、ヌル・オブジェクトが作成されていないある 
    window.mt.transition = transitionend; 
    window.mt.isSupport = isSupport; 

}）（）;

どのように使用するには：

transition.jsページで導入

ブラウザのサポートに移行文言を決定window.mt.transition

ブラウザが移行をサポートしているかどうかを判断window.mt.isSupport

（Window.mtは任意の名前で、グローバル変数の名前が付けられますか）

<！DOCTYPE HTML > 
< HTML LANG = "ZH-CN" > <！ - 设置简体中文- > 
< 頭> 
    < メタ文字コード= "UTF-8" > 
    < タイトル>インデックス</ タイトル> 
</ ヘッド> 
< ボディ> 
    < スクリプトSRC = "JS / jquery.js" > </ スクリプト> 
    < スクリプトSRC = "JS / transition.js" > </ スクリプト> 
    <
        console.log（window.mt.transition）。// transitionend 
        にconsole.log（window.mt.isSupport）。// 真
    </ スクリプト> 
</ ボディ> 
</ HTML >