国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

如何檢測(cè)css特性

jsliang / 2443人閱讀

摘要:如何檢測(cè)特性如果我們要檢測(cè)一個(gè)屬性是否支持支持屬性不支持屬性如果我們要檢測(cè)該屬性是否支持某值支持該屬性值瀏覽器不支持該屬性值如何動(dòng)態(tài)賦值一個(gè)效果,并支持所有主流瀏覽器資料揭秘

如何檢測(cè)css特性

如果我們要檢測(cè)一個(gè)css屬性是否支持

var dom = document.createElement("p");
if ("textShadow" in dom.style) {
    alert("支持textShadow屬性")
}
else {
    alert("不支持textShadow屬性")
}

如果我們要檢測(cè)該css3屬性是否支持某值

var dom = document.createElement("p");

dom.style.backgroundImage = "linear-gradient(red, tan)";

if (dom.style.backgroundImage) {
    alert("支持該屬性值");
}

else {
    alert("瀏覽器不支持該屬性值")
}

如何動(dòng)態(tài)賦值一個(gè)css3效果,并支持所有主流瀏覽器

function iSlider() {};

/**
 * @returns {String}
 * @private
 */
iSlider.TRANSITION_END_EVENT = null;

iSlider.BROWSER_PREFIX = null;

(function () {
    var e = document.createElement("fakeElement");
    [
        ["WebkitTransition", "webkitTransitionEnd", "webkit"],
        ["transition", "transitionend", null],
        ["MozTransition", "transitionend", "moz"],
        ["OTransition", "oTransitionEnd", "o"]
    ].some(function (t) {
        if (e.style[t[0]] !== undefined) {
            iSlider.TRANSITION_END_EVENT = t[1];
            iSlider.BROWSER_PREFIX = t[2];
            return true;
        }
    });
})();

/**
 * @param {String} prop
 * @param {String} value
 * @returns {String}
 * @public
 */
iSlider.styleProp = function (prop, isDP) {
    if (iSlider.BROWSER_PREFIX) {
        if (!!isDP) {
            return iSlider.BROWSER_PREFIX + IU(prop);
        } else {
            return "-" + iSlider.BROWSER_PREFIX + "-" + prop;
        }
    } else {
        return prop;
    }
};

/**
 * @param {String} prop
 * @param {HTMLElement} dom
 * @param {String} value
 * @public
 */
iSlider.setStyle = function (dom, prop, value) {
    dom.style[iSlider.styleProp(prop, 1)] = value;
};

/**
 * @type {Object}
 *
 * @param {HTMLElement} dom The wrapper 
  • element * @param {String} axis Animate direction * @param {Number} scale Outer wrapper * @param {Number} i Wrapper"s index * @param {Number} offset Move distance * @protected */ iSlider._animateFuncs = { normal: (function () { function normal(dom, axis, scale, i, offset) { iSlider.setStyle(dom, "transform", "translateZ(0) translate" + axis + "(" + (offset + scale * (i - 1)) + "px)"); } normal.effect = iSlider.styleProp("transform"); return normal; })() };
  • 資料

    css揭秘

    iSlider line 250

    文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

    轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/81462.html

    相關(guān)文章

    • 如何檢測(cè)css特性

      摘要:如何檢測(cè)特性如果我們要檢測(cè)一個(gè)屬性是否支持支持屬性不支持屬性如果我們要檢測(cè)該屬性是否支持某值支持該屬性值瀏覽器不支持該屬性值如何動(dòng)態(tài)賦值一個(gè)效果,并支持所有主流瀏覽器資料揭秘 如何檢測(cè)css特性 如果我們要檢測(cè)一個(gè)css屬性是否支持 var dom = document.createElement(p); if (textShadow in dom.style) { alert...

      izhuhaodev 評(píng)論0 收藏0
    • 前端兼容性探討

      摘要:個(gè)人認(rèn)為兼容性的問題也是對(duì)這三個(gè)方面進(jìn)行處理。能力檢測(cè)需要注意兩點(diǎn)先檢測(cè)達(dá)成目的的最常用的特性,可以保證代碼最優(yōu)化,并避免檢測(cè)多個(gè)條件必須測(cè)試實(shí)際要是用到的特性這些就是小可對(duì)兼容性的理解,有不對(duì)的希望各位朋友指正探討,嘻嘻 這里和朋友們簡(jiǎn)單探討一下個(gè)人對(duì)于前端兼容性的一些理解: 在項(xiàng)目中,前端主要處理html,css,javaScript代碼,當(dāng)然還有可能接觸到razor等渲染引擎方面...

      MobService 評(píng)論0 收藏0
    • 前端兼容性探討

      摘要:個(gè)人認(rèn)為兼容性的問題也是對(duì)這三個(gè)方面進(jìn)行處理。能力檢測(cè)需要注意兩點(diǎn)先檢測(cè)達(dá)成目的的最常用的特性,可以保證代碼最優(yōu)化,并避免檢測(cè)多個(gè)條件必須測(cè)試實(shí)際要是用到的特性這些就是小可對(duì)兼容性的理解,有不對(duì)的希望各位朋友指正探討,嘻嘻 這里和朋友們簡(jiǎn)單探討一下個(gè)人對(duì)于前端兼容性的一些理解: 在項(xiàng)目中,前端主要處理html,css,javaScript代碼,當(dāng)然還有可能接觸到razor等渲染引擎方面...

      Andrman 評(píng)論0 收藏0
    • 前端兼容性探討

      摘要:個(gè)人認(rèn)為兼容性的問題也是對(duì)這三個(gè)方面進(jìn)行處理。能力檢測(cè)需要注意兩點(diǎn)先檢測(cè)達(dá)成目的的最常用的特性,可以保證代碼最優(yōu)化,并避免檢測(cè)多個(gè)條件必須測(cè)試實(shí)際要是用到的特性這些就是小可對(duì)兼容性的理解,有不對(duì)的希望各位朋友指正探討,嘻嘻 這里和朋友們簡(jiǎn)單探討一下個(gè)人對(duì)于前端兼容性的一些理解: 在項(xiàng)目中,前端主要處理html,css,javaScript代碼,當(dāng)然還有可能接觸到razor等渲染引擎方面...

      developerworks 評(píng)論0 收藏0

    發(fā)表評(píng)論

    0條評(píng)論

    閱讀需要支付1元查看
    <