JQ实现谷歌小恐龙小游戏
啦啦啦做个小恐龙试试！！！！
楼下效果图
.outline {
width:900px;
height:300px;
background-color:#ffffff;
top:50%;
left:50%;
position:absolute;
margin-left: -450px; /*width的一半*/
margin-top: -150px; /*height的一半*/
overflow:hidden;
}
.insidecasing {
height:260px;
width:100%;
margin-top:20px;
border-bottom:#959393 solid 2px;
}
.Dinosaur {
position:absolute;
z-index:1000;
margin-top:-38px;
margin-left:40px;
overflow:hidden;
transition: margin-top 0.1s ease-in;
}
.Dinosaurpx {
position:absolute;
z-index:10000;
margin-top:-24px;
margin-left:40px;
overflow:hidden;
transition: display 1s linear;
display:none;
}
.yun1 {
position:absolute;
z-index:10000;
margin-top:-184px;
margin-left:40px;
overflow:hidden;
margin-left:900px;
transition: margin-left 15s linear;
}
.yun2 {
position:absolute;
z-index:10000;
margin-top:-224px;
margin-left:40px;
overflow:hidden;
margin-left:900px;
transition: margin-left 15s linear;
}
.yun3 {
position:absolute;
z-index:10000;
margin-top:-200px;
margin-left:40px;
overflow:hidden;
margin-left:900px;
transition: margin-left 15s linear;
}
.hinderdw0 {
width:13px;
height:40px;
margin-top:220px;
background-color:#000000;
position:absolute;
z-index:1000;
margin-left:900px;
transition: margin-left 12s linear;
}
.hinderdw2 {
width:13px;
height:28px;
margin-top:232px;
background-color:#000000;
position:absolute;
z-index:1000;
margin-left:900px;
transition: margin-left 12s linear;
}
.hinderdw4 {
width:13px;
height:15px;
margin-top:245px;
background-color:#000000;
position:absolute;
z-index:1000;
margin-left:900px;
transition: margin-left 12s linear;
}
.hinderdw6 {
width:13px;
height:15px;
margin-top:208px;
background-color:#000000;
position:absolute;
z-index:1000;
margin-left:900px;
transition: margin-left 12s linear;
}
#tq { /*恐龙跳起图*/
display:none;
position:absolute;
z-index:1000;
}
#zl1 {
float:left;
display:none;
transition: display 1s linear;
}
#zl2 {
float:left;
display:block;
transition: display 1s linear;
}
#px1 {
float:left;
display:none;
transition: display 1s linear;
}
#px2 {
float:left;
display:block;
transition: display 1s linear;
}
.hinderdwSE {
width:13px;
height:15px;
margin-top:208px;
background-color:#4cff00;
border-radius:100px;
position:absolute;
z-index:1000;
margin-left:900px;
transition: margin-left 12s ease;
}