Canvas†rgba()hsla()border-image:border-radius:box-shadow:Multiplebackgroundsopacity:CSSAnimationsCSSColumns†CSSGradientsCSSReflectionsCSSTransformsCSSTransitions

varModernizr=(function(){

vartests={

canvas:true,

rgba:true,

hsla:true,

multiplebgs:true,

borderimage:true,

borderradius:true,

boxshadow:true,

opacity:true,

cssanimations:true,

csscolumns:true,

cssgradients:true,

cssreflections:true,

csstransforms:true,

csstransitions:true

};

varpassed={};

vargroups={

canvas:["canvas"],

rgba:["rgba"],

hsla:["hsla"],

multiplebgs:["multiplebgs"],

borderimage:["borderimage"],

borderradius:["borderradius"],

boxshadow:["boxshadow"],

opacity:["opacity"],

cssanimations:["cssanimations"],

csscolumns:["csscolumns"],

cssgradients:["cssgradients"],

cssreflections:["cssreflections"],

csstransforms:["csstransforms"],

csstransitions:["csstransitions"]

};

varenableHTML5=true;

varenableNoClasses=true;

varm=document.createElement("modernizr");

vardetectFeature=function(feat){

varsupported=false,prop,i,tmp;

switch(feat){

case"canvas":

supported=!!document.createElement("canvas").getContext;

break;

case"rgba":

m.style.cssText="background-color:rgba(150,255,150,.5)";

supported=!!(m.style.backgroundColor.indexOf("rgba")!==-1);

break;

case"hsla":

m.style.cssText="background-color:hsla(120,40%,100%,.5)";

supported=!!(m.style.backgroundColor.indexOf("rgba")!==-1);

break;

case"multiplebgs":

m.style.cssText="background:url(m.png),url(a.png),#f99url(m.png);";

tmp=m.style.background;

i=0;

while(tmp.indexOf("url(")!==-1){

i++;

tmp=tmp.substring(0,tmp.indexOf("url("))+tmp.substring(tmp.indexOf("url(")+4)

}

supported=!!(i===3);

tmp=i=null;

break;

case"borderimage":

prop=["borderImage","webkitBorderImage","MozBorderImage","mozBorderImage","oBorderImage","msBorderImage"];

m.style.cssText="border-image:url(m.png)11stretch;-webkit-border-image:url(m.png)11stretch;-moz-border-image:url(m.png)11stretch;-o-border-image:url(m.png)11stretch;-ms-border-image:url(m.png)11stretch;";

for(iinprop){

if(m.style[prop[i]]!==undefined){

supported=true;

break

}

}

break;

case"borderradius":

prop=["borderTopRightRadius","webkitBorderTopRightRadius","MozBorderTopRightRadius","mozBorderTopRightRadius","oBorderTopRightRadius","msBorderTopRightRadius"];

m.style.cssText="border-top-right-radius:10px;-webkit-border-top-right-radius:10px;-moz-border-top-right-radius:10px;-o-border-top-right-radius:10px;-ms-border-top-right-radius:10px;";

for(iinprop){

if(m.style[prop[i]]!==undefined&&prop[i].indexOf("orderTopRight")!==-1){

supported=true;

break

}

}

break;

case"boxshadow":

prop=["boxShadow","webkitBoxShadow","MozBoxShadow","mozBoxShadow","oBoxShadow","msBoxShadow"];

m.style.cssText="box-shadow:#0001px1px3px;-webkit-box-shadow:#0001px1px3px;-moz-box-shadow:#0001px1px3px;-obox-shadow:#0001px1px3px;-ms-box-shadow:#0001px1px3px;";

for(iinprop){

if(m.style[prop[i]]!==undefined){

supported=true;

break

}

}

break;

case"opacity":

m.style.cssText="opacity:.5;";

supported=!!(m.style.opacity.indexOf("0.5")!==-1);

break;

case"cssanimations":

prop=["animationName","webkitAnimationName","MozAnimationName","mozAnimationName","oAnimationName","msAnimationName"];

m.style.cssText="animation:'animate'2sease2;-webkit-animation:'animate'2sease2;-moz-animation:'animate'2sease2;-o-animation:'animate'2sease2;-ms-animation:'animate'2sease2;position:relative;";

for(iinprop){

if(m.style[prop[i]]!==undefined){

supported=true;

break

}

}

break;

case"csscolumns":

prop=["columnCount","webkitColumnCount","MozColumnCount","mozColumnCount","oColumnCount","msColumnCount"];

m.style.cssText="column-count:3;-webkit-column-count:3;-moz-column-count:3;-o-column-count:3;-ms-column-count:3;";

for(iinprop){

if(m.style[prop[i]]!==undefined){

supported=true;

break

}

}

break;

case"cssgradients":

m.style.cssText="background-image:gradient(linear,lefttop,rightbottom,from(#9f9),to(white));background-image:-webkit-gradient(linear,lefttop,rightbottom,from(#9f9),to(white));background-image:-moz-gradient(linear,lefttop,rightbottom,from(#9f9),to(white));background-image:-o-gradient(linear,lefttop,rightbottom,from(#9f9),to(white));background-image:-ms-gradient(linear,lefttop,rightbottom,from(#9f9),to(white));";

supported=!!(m.style.backgroundImage.indexOf("gradient")!==-1);

break;

case"cssreflections":

prop=["boxReflect","webkitBoxReflect","MozBoxReflect","mozBoxReflect","oBoxReflect","msBoxReflect"];

m.style.cssText="box-reflect:right1px;-webkit-box-reflect:right1px;-moz-box-reflect:right1px;-o-box-reflect:right1px;-ms-box-reflect:right1px;";

for(iinprop){

if(m.style[prop[i]]!==undefined){

supported=true;

break

}

}

break;

case"csstransforms":

prop=["transformProperty","webkitTransform","MozTransform","mozTransform","oTransform","msTransform"];

m.style.cssText="transform:rotate(3deg);-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-o-transform:rotate(3deg);-ms-transform:rotate(3deg);";

for(iinprop){

if(m.style[prop[i]]!==undefined){

supported=true;

break

}

}

break;

case"csstransitions":

prop=["transitionProperty","webkitTransitionProperty","MozTransitionProperty","mozTransitionProperty","oTransitionProperty","msTransitionProperty"];

m.style.cssText="transition:all.5slinear;-webkit-transition:all.5slinear;-moz-transition:all.5slinear;-o-transition:all.5slinear;-ms-transition:all.5slinear;";

for(iinprop){

if(m.style[prop[i]]!==undefined){

supported=true;

break

}

}

break;

default:

supported=false

}

m.style.cssText="";

tmp=i=prop=null;

returnsupported

};

functioninit(){

if(enableHTML5&&

!(!       /*@cc_on!@*/

0)){

vare="abbrarticleasideaudiobbcanvasdatagriddatalistdetailsdialogfigurefooterheadermarkmenumeternavoutputprogresssectiontimevideo".split(""),i=e.length;

varn;

while(i--){

n=document.createElement(e[i])

}

n=null

}

for(varfeatintests){

if(tests[feat]){

passed[feat]=detectFeature(feat)

}

}

varpassedgroup,len;

varclasses=[];

for(vargroupingroups){

passedgroup=true;

for(i=0,len=groups[group].length;i

feat=groups[group][i];

if(!passed[feat]){

passedgroup=false;

if(!enableNoClasses){

break

}

}

}

if(passedgroup){

classes.push(group)

}

else{

if(enableNoClasses){

classes.push("no-"+group)

}

}

}

passed._enableHTML5=enableHTML5;

passed._enableNoClasses=enableNoClasses;

document.getElementsByTagName("body")[0].className+=""+classes.join("");

classes=null;

returnpassed

}

returninit()

})();

文章转载请注明来源。新辉网主页 > 网页基础 > html5 >

标题：用下面的代码写html5 和cs

地址：http://www.a55.com.cn/a/3310.html

关键词：代码,面的,prop,true,break,s