1. The following code, please say the results of the operation of the program
<!DOCTYPE HTML><HTML> <Head> <MetaCharSet= "Utf-8" /> <title></title> </Head> <Body> <Scripttype= "Text/javascript"> vara=0;//The first step: a=0;SetTimeout (function() {alert (++a);//step three: a=21;a= -; }, - ); A= -;//Step Two: a=20; </Script> </Body></HTML>
Pop up 21
2. Slightly
3. The following code, please say the size of the two div and the color of Hello Word.
<!DOCTYPE HTML><HTML> <Head> <MetaCharSet= "Utf-8" /> <title></title> <styletype= "Text/css">#cotent{width:400px;}Div{width:100%;}. Box>div{width:200px;}. Block{width:300px;}. Red{Color:Red;}. Blue{Color:Blue;} </style> </Head> <Body> <Divclass= "box"> <DivID= "Cotent"class= "Blue Block Red">Hello</Div> </Div> </Body></HTML>
Box width 100%
Cotent width 400px
Hello Word is blue
The specific reason is: http://www.cnblogs.com/flyings/p/5401410.html
4. Implement the Carousel diagram, using JS and CSS3 respectively
JS implementation
<!DOCTYPE HTML><HTML><Head> <Metahttp-equiv= "Content-type"content= "text/html; charset=utf-8" /> <Scripttype= "Text/javascript"src= "Js/jquery-2.1.4.min.js" ></Script> <styletype= "Text/css">#box{width:400px;position:relative;Overflow:Hidden;Background-color:Red;Height:200px; }#picShow{width:1200px;Height:200px;Background-color:#fff;position:Absolute; }#picShow img{width:400px;float: Left; } </style></Head><Body> <DivID= "box"> <DivID= "Picshow"> <imgalt=""src= "Images/1.jpg" /> <imgalt=""src= "Images/2.jpg" /> <imgalt=""src= "Images/3.jpg" /> </Div> </Div> <Scripttype= "Text/javascript"> functionMove () {$ ("#picShow"). Animate ({marginleft:- -},"Slow",function() { $("#picShow Img:last"). After ($ ("#picShow Img:first")) $("#picShow"). css ({marginleft:0})} )} setinterval (move, -) </Script></Body></HTML>
CSS3 implementation
Not currently
Three-dimensional poly source