来源:flash,as,js兴趣爱好者html5策略类游戏——三国风云，这个游戏要逆天啊
html5策略类游戏——三国风云，这个游戏要逆天啊
HTML5页可以做战棋类游戏，晕啊
村村的canvas动画，真不知道怎么做到的。
<!DOCTYPE html>
<html manifest="js/sanguo.manifest">
<!--html-->
<head>
<meta name="viewport" content="height=device-height,width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="tencent-x5-page-direction" content="portrait">
<meta name="oupengmobile" content="fullscreen,portrait,game">
<!--meta http-equiv="X-UA-Compatible" content="chrome=1"-->
<link rel="apple-touch-icon" href="images/game_logo.png" />
<link rel="apple-touch-startup-image" href="images/logo.png" />
<script>
if(window.name=="")
{
window.name="sanguo";
window.location.reload(true);
}
var isIPhone = false;
var touchPixel = 1;
var ua = navigator.userAgent.toLowerCase();
</script>
</head>
<style>
::-webkit-scrollbar {
width:10px;
height:0px;
background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(202,202,202,0.07)),color-stop(100%,rgba(229,229,229,0.07)));
background:-webkit-linear-gradient(left,rgba(202,202,202,0.07) 0%,rgba(229,229,229,0.07) 100%);
background-color:rgba(229,229,229,.3);
-webkit-box-shadow:0 0 1px 0 rgba(0,0,0,.15) inset,0 1px 0 0 #fff;
box-shadow:0 0 1px 0 rgba(0,0,0,.15) inset,0 1px 0 0 #fff;
overflow:visible;
border-radius:4px;
border:solid 1px #A6A6A6;
}
::-webkit-scrollbar-button {
width:0;
height:0;
display:block;
background-color:transparent;
}
::-webkit-scrollbar-track {
}::-webkit-scrollbar-track-piece {
}::-webkit-scrollbar-thumb {
background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(233,233,233,0.05)),color-stop(100%,rgba(221,221,221,0.05)));
background:-webkit-linear-gradient(left,rgba(233,233,233,0.05) 0%,rgba(221,221,221,0.05) 100%);
-webkit-box-shadow:0 2px 1px 0 rgba(0,0,0,.05),inset 1px 1px 0 0 #FFF;
box-shadow:0 2px 1px 0 rgba(0,0,0,.05),inset 1px 1px 0 0 #FFF;
background-color:rgba(229,229,229,.9);
overflow:visible;
border-radius:4px;
border:solid 1px #A6A6A6;
}
