<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jquery+html5仿金山打字游戏特效 - 网页模板</title>
<script src="jquery.js"></script>
<script src="typegame.js"></script>
<script>
$(function(){
new typegame();
})
</script>
</head>
<style>
body{
margin:0;
background:url(game.jpg) no-repeat;
background-size:cover;
font-family: "幼圆";
background:#E8F0F0;
overflow:hidden;
}
.stop1{
width:130px;
height:50px;
background:red;
position:absolute;bottom:0;left:30px;
text-align:center;
cursor: pointer;
background:url("stop.png");
background-size:130px 50px;
line-height:50px;
color:#392112;
font-size:16px;
z-index:6666666;
font-weight:bold;
}
.screen1{
width:100%;
height:100%;
background:url(img/dz2.jpg) no-repeat;
background-size:cover;
margin:0 auto; padding:0;
position:relative;overflow:hidden;
}
.xiabian{
width:100%;
height:40px;
background:#000;
position:absolute;bottom:0;right:0;
opacity:0.8;
filter:alpha(opacity=80);
}
@keyframes cg {
0%{
transform:translateY(-50%);
}100%{
transform:translateY(0%);
}
}
@keyframes cgfont {
0%{
transform:scale(0,0);
}100%{
transform:scale(1,1);
}
}
body{
background:#84B526;
}
</style>
<body>
<div class="screen1">
</div>
<div class="stop1">暂停游戏</div>
<div class="xiabian"></div>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p>
<p>来源：<a href="http://www.moobnn.com/" target="_blank">网页模板</a></p>
</div>
</body>
</html>
jquery+html5仿金山打字游戏特效.zip （37个子文件） 
jquery+html5仿金山打字游戏特效 jiaoben4478 
jquery.js 95KB img 
X.png 19KB K.png 20KB G.png 15KB W.png 15KB L.png 17KB
dz2.jpg 111KB Z.png 14KB cg.jpg 22KB P.png 15KB S.png 15KB Q.png 16KB N.png 17KB F.png 18KB E.png 16KB I.png 15KB Y.png 17KB Thumbs.db 8KB O.png 17KB U.png 17KB C.png 19KB H.png 18KB R.png 15KB B.png 17KB T.png 16KB V.png 14KB D.png 18KB M.png 17KB J.png 15KB A.png 16KB fs.png 488KB stop.png 10KB cg.png 96KB
index.html 2KB sp1.png 68KB fs.jpg 297KB typegame.js 6KB资源评论
