123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849 |
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
- <meta name="viewport" content="target-densitydpi=320,width=640,user-scalable=no">
- <title>飞翔吧!小帅</title>
- <script type="text/javascript">
- var _config = {}; _config['isSite'] = './';_config["isCount"] = "./";_config["isSites"] = "http://game.ikongzhong.cn/";
- var _con = {}; _con["num"] = 7;
- </script>
- <script type="text/javascript" src="./js/jquery.min.js"></script>
- <script src="./js/7/jq171.js" type="text/javascript"></script>
- <script src="./js/7/m.js?device=1"></script>
- <script src="./js/7/createjs.js"></script>
- <script src="./js/7/ndgmr.Collision.js"></script>
- <script type="text/javascript" src="./js/count.js"></script>
- <style type="text/css">
- body {
- margin: 0px; padding: 0px; height: auto;
- }
- ul {
- list-style: none; margin: 0px; padding: 0px;
- }
- img {
- margin: 0px; border: currentColor; border-image: none;
- }
- input {
- background: rgb(255, 255, 255); margin: 0px; padding: 0.3em 0.5em 0.4em; border: 1px solid rgb(119, 119, 119); border-image: none; height: 2em; font-size: 1.2em; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
- }
- select {
- background: rgb(255, 255, 255); margin: 0px; padding: 0.3em 0.5em 0.4em; border: 1px solid rgb(119, 119, 119); border-image: none; height: 2em; font-size: 1.2em; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
- }
- textarea {
- background: rgb(255, 255, 255); margin: 0px; padding: 0.3em 0.5em 0.4em; border: 1px solid rgb(119, 119, 119); border-image: none; height: 2em; font-size: 1.2em; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
- }
- * {
- -ms-user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -ms-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0);
- }
- h1 {
- margin: 0.2em 0px; padding: 0px; line-height: 1.1em;
- }
- h2 {
- margin: 0.2em 0px; padding: 0px; line-height: 1.1em;
- }
- h3 {
- margin: 0.2em 0px; padding: 0px; line-height: 1.1em;
- }
- h4 {
- margin: 0.2em 0px; padding: 0px; line-height: 1.1em;
- }
- h5 {
- margin: 0.2em 0px; padding: 0px; line-height: 1.1em;
- }
- h6 {
- margin: 0.2em 0px; padding: 0px; line-height: 1.1em;
- }
- h1 {
- font-size: 4em;
- }
- .h1 {
- font-size: 4em;
- }
- h2 {
- font-size: 3em;
- }
- .h2 {
- font-size: 3em;
- }
- h3 {
- font-size: 2.5em;
- }
- .h3 {
- font-size: 2.5em;
- }
- h4 {
- font-size: 2em;
- }
- .h4 {
- font-size: 2em;
- }
- h5 {
- font-size: 1.5em;
- }
- .h5 {
- font-size: 1.5em;
- }
- h6 {
- font-size: 1.2em;
- }
- .h6 {
- font-size: 1.2em;
- }
- p {
- line-height: 1.7em; font-size: 1.2em;
- }
- .CLEANLILY {
- margin: 0px; padding: 0px; border: currentColor; border-image: none;
- }
- .NO-SELETE {
- -ms-user-select: none; user-select: none; -webkit-user-select: none;
- }
- .FULL-SCREEN {
- position: relative;
- }
- .APP-STAGE {
- left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute;
- }
- .INSET-STAGE {
- top: 0px; width: 100%; bottom: 0px; overflow: hidden; position: absolute;
- }
- .STAGE {
- width: 100%; height: 100%; position: relative;
- }
- .PAGE-STAGE {
- width: 100%; position: relative;
- }
- .PAGE-BOX {
- width: 100%; position: relative;
- }
- .PAGE {
- width: 100%; position: relative;
- }
- .INSET-PAGE {
- width: 100%; position: relative;
- }
- .APP-STAGE .PAGE-STAGE {
- left: 0px; position: absolute;
- }
- .APP-STAGE .PAGE-BOX {
- left: 0px; position: absolute;
- }
- .APP-STAGE .PAGE {
- left: 0px; top: 0px; position: absolute; min-height: 100%;
- }
- .APP-STAGE .INSET-PAGE {
- left: 0px; top: 0px; position: absolute; min-height: 100%;
- }
- .PAGE-STAGE > .PAGE {
- left: 0px; top: 0px; position: absolute; min-height: 100%;
- }
- .PAGE-STAGE > .PAGE > .INSET-PAGE {
- left: 0px; top: 0px; position: absolute; min-height: 100%;
- }
- .CONTENT {
- position: relative;
- }
- .CASE {
- position: absolute;
- }
- .BIN {
- position: absolute;
- }
- .BANNER {
- width: 100%;
- }
- .FOOTER {
- left: 0px; width: 100%; bottom: 0px; position: absolute; z-index: 1000;
- }
- .BOX-V {
- flex-direction: column; box-orient: vertical; -webkit-box-orient: vertical; -moz-box-orient: vertical;
- }
- .BOX-D {
- justify-content: center; align-items: flex-end; box-align: end; -webkit-box-pack: center;
- }
- .BOX-M {
- justify-content: center; align-items: center; box-align: center; box-pack: center; -webkit-box-pack: center; -webkit-box-align: center;
- }
- .BOX-S {
- flex:1 1 0px; display: block; box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;
- }
- .BOX {
- display: -ms-flexbox;
- }
- .BOX-V {
- display: -ms-flexbox;
- }
- .BOX-D {
- display: -ms-flexbox;
- }
- .BOX-M {
- display: -ms-flexbox;
- }
- .FOOTER {
- display: -ms-flexbox;
- }
- .BBOX {
- box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
- }
- .BOX {
- box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
- }
- .APP-STAGE {
- box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
- }
- .INSET-STAGE {
- box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
- }
- .STAGE {
- box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
- }
- .PAGE-STAGE {
- box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
- }
- .PAGE {
- box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
- }
- .PAGE-BOX {
- box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
- }
- .INSET-PAGE {
- box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
- }
- .FOOTER {
- box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
- }
- .FILL {
- left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
- }
- .FILL-W {
- width: 100%; display: block;
- }
- .FILL-H {
- height: 100%; display: block;
- }
- .BG-CENTER {
- background-position: center;
- }
- .BG-FILL {
- background-repeat: no-repeat; background-size: 100% 100%;
- }
- .BG-FILL-W {
- background-repeat: no-repeat; background-size: 100% auto;
- }
- .BG-FILL-H {
- background-repeat: no-repeat; background-size: auto 100%;
- }
- .BG-H {
- background-position: center; background-repeat: no-repeat; background-size: auto 100%;
- }
- .SCROLL {
- overflow-scrolling: touch; -webkit-overflow-scrolling: touch; -ms-overflow: auto;
- }
- .SCROLL-X {
- overflow-scrolling: touch; -webkit-overflow-scrolling: touch; -ms-overflow: auto;
- }
- .SCROLL-Y {
- overflow-scrolling: touch; -webkit-overflow-scrolling: touch; -ms-overflow: auto;
- }
- .SCROLL {
- overflow: auto;
- }
- .SCROLL-X {
- -ms-overflow-x: auto; -ms-overflow-y: hidden;
- }
- .SCROLL-Y {
- -ms-overflow-x: hidden; -ms-overflow-y: auto;
- }
- .iSCROLL-BOX {
- overflow: hidden;
- }
- .iSCROLL-BOX {
- -ms-user-select: none; -ms-touch-action: none; transform: translate3d(0px, 0px, 0px); backface-visibility: hidden; -webkit-user-select: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -moz-user-select: none; -webkit-transform: translate3D(0, 0, 0); -moz-transform: translate3D(0, 0, 0);
- }
- .iSCROLLER {
- -ms-user-select: none; -ms-touch-action: none; transform: translate3d(0px, 0px, 0px); backface-visibility: hidden; -webkit-user-select: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -moz-user-select: none; -webkit-transform: translate3D(0, 0, 0); -moz-transform: translate3D(0, 0, 0);
- }
- .iSCROLL-BOX .iSCROLLER {
- transform-origin: 0% 0%; transition-property: transform; transition-duration: 0s; transition-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1); -webkit-transition-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1); -webkit-transform-origin: 0 0; -webkit-transition-duratio: 0; -webkit-transition-property: -webkit-transform;
- }
- .INP-BAR {
- width: 100%; display: block;
- }
- .INP-CELL {
- flex:1 1 0px; display: block; box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;
- }
- .NO-TOUCH {
- -ms-touch-action: none;
- }
- #CONSOLE-LOG {
- background: rgba(0, 0, 0, 0.5); padding: 1%; left: 0px; width: 98%; bottom: 0px; color: rgb(255, 255, 255); font-size: 12px; position: fixed; min-height: 10%; max-height: 50%;
- }
- .LOADING-PAGE {
- left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; position: fixed; z-index: 1000; -ms-user-select: none; -ms-touch-action: none; user-select: none; -webkit-user-select: none; -moz-user-select: none;
- }
- .MASK {
- left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; position: fixed; z-index: 1000; -ms-user-select: none; -ms-touch-action: none; user-select: none; -webkit-user-select: none; -moz-user-select: none;
- }
- .undefined.LOADING-PAGE {
- background-color: rgba(0, 0, 0, 0.4);
- }
- .undefined.LOADING-PAGE .CASE {
- top: 45%; width: 100%; text-align: center;
- }
- .undefined.LOADING-PAGE i {
- margin: 0px 0.4em; border-radius: 1em; width: 1em; height: 1em; display: none; box-shadow: 0px 0px 2px #fff; background-color: rgba(255, 255, 255, 0.9);
- }
- .undefined.LOADING-PAGE i {
- animation:loadingboom 3s ease-out infinite; -webkit-animation: loadingboom 3s infinite ease-out;
- }
- .EFF-blur {
- -webkit-filter: blur(1px);
- }
- .EFF-shadow-bottom {
- position: relative;
- }
- .EFF-shadow-bottom::after {
- left: 2%; width: 96%; height: 1px; bottom: 0px; position: absolute; z-index: -1; content: ""; box-shadow: 0px 0.1em 0.4em #000, 0px 0.1em 0.4em #000;
- }
- .EFF-shadow-inset-bottom {
- overflow: hidden; position: relative;
- }
- .EFF-shadow-inset-bottom::after {
- left: -5%; width: 110%; height: 3px; bottom: -3px; position: absolute; content: ""; box-shadow: 0px 0px 0.8em #000, 0px 0px 0.2em #000;
- }
- .EFF-shadow-1 {
- position: relative; z-index: 2;
- }
- .EFF-shadow-1::after {
- border-radius: 2em; width: 50%; height: 20%; bottom: 0.8em; position: absolute; z-index: -1; content: ""; box-shadow: 0px 1em 0.5em rgba(0,0,0,0.7);
- }
- .EFF-shadow-1::before {
- border-radius: 2em; width: 50%; height: 20%; bottom: 0.8em; position: absolute; z-index: -1; content: ""; box-shadow: 0px 1em 0.5em rgba(0,0,0,0.7);
- }
- .EFF-shadow-1::after {
- left: 2%; transform: rotate(-3deg); -webkit-transform: rotate(-3deg);
- }
- .EFF-shadow-1::before {
- right: 2%; transform: rotate(3deg); -webkit-transform: rotate(3deg);
- }
- .EFF-BLACK::after {
- left: 0px; width: 100%; height: 100%; right: 0px; position: absolute; content: ""; background-color: rgba(0, 0, 0, 0.2);
- }
- .EFF-cube {
- perspective-origin: center center; perspective: 32em; -webkit-perspective-origin: center center; -webkit-perspective: 32em;
- }
- .EFF-cube .cube-box {
- position: relative;
- }
- .EFF-cube .cube-box {
- width: 100%; height: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d;
- }
- .EFF-cube .cover {
- width: 100%; height: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d;
- }
- .EFF-cube .cover-front {
- width: 100%; height: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d;
- }
- .EFF-cube .cover-top {
- width: 100%; height: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d;
- }
- .EFF-cube .cover-bottom {
- width: 100%; height: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d;
- }
- .EFF-cube .cover-after {
- width: 100%; height: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d;
- }
- .EFF-cube .cover-left {
- width: 100%; height: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d;
- }
- .EFF-cube .cover-right {
- width: 100%; height: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d;
- }
- .EFF-cube .cover-back {
- width: 100%; height: 100%; backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d;
- }
- .EFF-cube .cover {
- left: 0px; top: 0px; position: absolute;
- }
- .EFF-cube .cover-front {
- left: 0px; top: 0px; position: absolute;
- }
- .EFF-cube .cover-top {
- left: 0px; top: 0px; position: absolute;
- }
- .EFF-cube .cover-bottom {
- left: 0px; top: 0px; position: absolute;
- }
- .EFF-cube .cover-after {
- left: 0px; top: 0px; position: absolute;
- }
- .EFF-cube .cover-left {
- left: 0px; top: 0px; position: absolute;
- }
- .EFF-cube .cover-right {
- left: 0px; top: 0px; position: absolute;
- }
- .EFF-cube .cover-back {
- left: 0px; top: 0px; position: absolute;
- }
- .EFF-cube .cover-front {
-
- }
- .EFF-cube .cover-top {
- transform: rotateX(90deg); -webkit-transform: rotateX(90deg);
- }
- .EFF-cube .cover-bottom {
- transform: rotateX(-90deg); -webkit-transform: rotateX(-90deg);
- }
- .EFF-cube .cover-after {
- transform: rotateX(180deg); -webkit-transform: rotateX(180deg);
- }
- .EFF-cube .cover-left {
- transform: rotateY(-90deg); -webkit-transform: rotateY(-90deg);
- }
- .EFF-cube .cover-right {
- transform: rotateY(90deg); -webkit-transform: rotateY(90deg);
- }
- .EFF-cube .cover-back {
- transform: rotateY(180deg); -webkit-transform: rotateY(180deg);
- }
- .APP-STAGE {
- -ms-user-select: none; transform: translate3d(0px, 0px, 0px); backface-visibility: hidden; -webkit-user-select: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -moz-user-select: none; -webkit-transform: translate3D(0, 0, 0); -moz-transform: translate3D(0, 0, 0);
- }
- .INSET-STAGE {
- -ms-user-select: none; transform: translate3d(0px, 0px, 0px); backface-visibility: hidden; -webkit-user-select: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -moz-user-select: none; -webkit-transform: translate3D(0, 0, 0); -moz-transform: translate3D(0, 0, 0);
- }
- .STAGE {
- -ms-user-select: none; transform: translate3d(0px, 0px, 0px); backface-visibility: hidden; -webkit-user-select: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -moz-user-select: none; -webkit-transform: translate3D(0, 0, 0); -moz-transform: translate3D(0, 0, 0);
- }
- .PAGE-STAGE {
- -ms-user-select: none; transform: translate3d(0px, 0px, 0px); backface-visibility: hidden; -webkit-user-select: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -moz-user-select: none; -webkit-transform: translate3D(0, 0, 0); -moz-transform: translate3D(0, 0, 0);
- }
- .PAGE-BOX {
- -ms-user-select: none; transform: translate3d(0px, 0px, 0px); backface-visibility: hidden; -webkit-user-select: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -moz-user-select: none; -webkit-transform: translate3D(0, 0, 0); -moz-transform: translate3D(0, 0, 0);
- }
- .PAGE {
- -ms-user-select: none; transform: translate3d(0px, 0px, 0px); backface-visibility: hidden; -webkit-user-select: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -moz-user-select: none; -webkit-transform: translate3D(0, 0, 0); -moz-transform: translate3D(0, 0, 0);
- }
- .INSET-PAGE {
- -ms-user-select: none; transform: translate3d(0px, 0px, 0px); backface-visibility: hidden; -webkit-user-select: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -moz-user-select: none; -webkit-transform: translate3D(0, 0, 0); -moz-transform: translate3D(0, 0, 0);
- }
- .aniBOX {
- -ms-user-select: none; transform: translate3d(0px, 0px, 0px); backface-visibility: hidden; -webkit-user-select: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -moz-user-select: none; -webkit-transform: translate3D(0, 0, 0); -moz-transform: translate3D(0, 0, 0);
- }
- .aniOBJ {
- -ms-user-select: none; transform: translate3d(0px, 0px, 0px); backface-visibility: hidden; -webkit-user-select: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -moz-user-select: none; -webkit-transform: translate3D(0, 0, 0); -moz-transform: translate3D(0, 0, 0);
- }
- .ani1ms {
- -ms-user-select: none; transform: translate3d(0px, 0px, 0px); backface-visibility: hidden; -webkit-user-select: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -moz-user-select: none; -webkit-transform: translate3D(0, 0, 0); -moz-transform: translate3D(0, 0, 0);
- }
- .ani2ms {
- -ms-user-select: none; transform: translate3d(0px, 0px, 0px); backface-visibility: hidden; -webkit-user-select: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -moz-user-select: none; -webkit-transform: translate3D(0, 0, 0); -moz-transform: translate3D(0, 0, 0);
- }
- .ani3ms {
- -ms-user-select: none; transform: translate3d(0px, 0px, 0px); backface-visibility: hidden; -webkit-user-select: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -moz-user-select: none; -webkit-transform: translate3D(0, 0, 0); -moz-transform: translate3D(0, 0, 0);
- }
- .ani4ms {
- -ms-user-select: none; transform: translate3d(0px, 0px, 0px); backface-visibility: hidden; -webkit-user-select: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -moz-user-select: none; -webkit-transform: translate3D(0, 0, 0); -moz-transform: translate3D(0, 0, 0);
- }
- .ani5ms {
- -ms-user-select: none; transform: translate3d(0px, 0px, 0px); backface-visibility: hidden; -webkit-user-select: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -moz-user-select: none; -webkit-transform: translate3D(0, 0, 0); -moz-transform: translate3D(0, 0, 0);
- }
- .ani6ms {
- -ms-user-select: none; transform: translate3d(0px, 0px, 0px); backface-visibility: hidden; -webkit-user-select: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -moz-user-select: none; -webkit-transform: translate3D(0, 0, 0); -moz-transform: translate3D(0, 0, 0);
- }
- .ani8ms {
- -ms-user-select: none; transform: translate3d(0px, 0px, 0px); backface-visibility: hidden; -webkit-user-select: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -moz-user-select: none; -webkit-transform: translate3D(0, 0, 0); -moz-transform: translate3D(0, 0, 0);
- }
- .ani1s {
- -ms-user-select: none; transform: translate3d(0px, 0px, 0px); backface-visibility: hidden; -webkit-user-select: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -moz-user-select: none; -webkit-transform: translate3D(0, 0, 0); -moz-transform: translate3D(0, 0, 0);
- }
- .ani2s.ani15ms {
- -ms-user-select: none; transform: translate3d(0px, 0px, 0px); backface-visibility: hidden; -webkit-user-select: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -moz-user-select: none; -webkit-transform: translate3D(0, 0, 0); -moz-transform: translate3D(0, 0, 0);
- }
- .aniOBJ {
- transition-property: all; -webkit-transition-property: all;
- }
- .ani1ms {
- transition-property: all; -webkit-transition-property: all;
- }
- .ani2ms {
- transition-property: all; -webkit-transition-property: all;
- }
- .ani3ms {
- transition-property: all; -webkit-transition-property: all;
- }
- .ani4ms {
- transition-property: all; -webkit-transition-property: all;
- }
- .ani5ms {
- transition-property: all; -webkit-transition-property: all;
- }
- .ani6ms {
- transition-property: all; -webkit-transition-property: all;
- }
- .ani8ms {
- transition-property: all; -webkit-transition-property: all;
- }
- .ani1s {
- transition-property: all; -webkit-transition-property: all;
- }
- .ani15ms {
- transition-property: all; -webkit-transition-property: all;
- }
- .ani2s {
- transition-property: all; -webkit-transition-property: all;
- }
- .ani3D {
- -webkit-transform-style: preserve-3d;
- }
- .ani1ms {
- transition-duration: 100ms; animation-duration: 100ms; -webkit-transition-duration: 100ms; -webkit-animation-duration: 100ms;
- }
- .ani2ms {
- transition-duration: 200ms; animation-duration: 200ms; -webkit-transition-duration: 200ms; -webkit-animation-duration: 200ms;
- }
- .ani3ms {
- transition-duration: 300ms; animation-duration: 300ms; -webkit-transition-duration: 300ms; -webkit-animation-duration: 300ms;
- }
- .ani4ms {
- transition-duration: 400ms; animation-duration: 400ms; -webkit-transition-duration: 400ms; -webkit-animation-duration: 400ms;
- }
- .ani5ms {
- transition-duration: 500ms; animation-duration: 500ms; -webkit-transition-duration: 500ms; -webkit-animation-duration: 500ms;
- }
- .ani6ms {
- transition-duration: 600ms; animation-duration: 600ms; -webkit-transition-duration: 600ms; -webkit-animation-duration: 600ms;
- }
- .ani8ms {
- transition-duration: 800ms; animation-duration: 800ms; -webkit-transition-duration: 800ms; -webkit-animation-duration: 800ms;
- }
- .ani1s {
- transition-duration: 1s; animation-duration: 1s; -webkit-transition-duration: 1s; -webkit-animation-duration: 1s;
- }
- .ani15ms {
- transition-duration: 1.5s; animation-duration: 1.5s; -webkit-transition-duration: 1.5s; -webkit-animation-duration: 1.5s;
- }
- .ani2s {
- transition-duration: 2s; -webkit-transition-duration: 2s; -webkit-animation-duration: 2s; nimation-duration: 2s;
- }
- .IN {
- z-index: 1000;
- }
- .OUT {
- z-index: 200;
- }
- .DIVE {
-
- }
- .IN.DIVE {
- transform-origin: left bottom; animation-name: DIVEIN; -webkit-transform-origin: left bottom; -webkit-animation-name: DIVEIN;
- }
- .OUT.DIVE {
- transform-origin: right bottom; animation-name: DIVE; -webkit-transform-origin: right bottom; -webkit-animation-name: DIVE;
- }
- .IN.DIVERIGHT {
- transform-origin: right bottom; animation-name: DIVERIGHTIN; -webkit-transform-origin: right bottom; -webkit-animation-name: DIVERIGHTIN;
- }
- .OUT.DIVERIGHT {
- transform-origin: right bottom; animation-name: DIVERIGHT; -webkit-transform-origin: right bottom; -webkit-animation-name: DIVERIGHT;
- }
- .OUT.SLIDEUP {
- animation-name: slideup; -webkit-animation-name: slideup;
- }
- .IN.SLIDEUP {
- animation-name: slideupin; -webkit-animation-name: slideupin;
- }
- .IN.SLIDEDOWN {
- animation-name: slidedown; -webkit-animation-name: slidedown;
- }
- .OUT.SLIDEDOWN {
- animation-name: slidedownout; -webkit-animation-name: slidedownout;
- }
- .PAGE.OUT.SLIDELEFT {
- box-shadow: 0px 0px 10px #000;
- }
- .PAGE.IN.SLIDELEFT {
- box-shadow: 0px 0px 10px #000;
- }
- .PAGE.IN.SLIDERIGHT {
- box-shadow: 0px 0px 10px #000;
- }
- .PAGE.OUT.SLIDERIGHT {
- box-shadow: 0px 0px 10px #000;
- }
- .OUT.SLIDELEFT {
- animation-name: slideleft; -webkit-animation-name: slideleft;
- }
- .IN.SLIDELEFT {
- animation-name: slideleftin; -webkit-animation-name: slideleftin;
- }
- .IN.SLIDERIGHT {
- animation-name: slideright; -webkit-animation-name: slideright;
- }
- .OUT.SLIDERIGHT {
- animation-name: sliderightout; -webkit-animation-name: sliderightout;
- }
- .OUT.FADE {
- animation-name: _fadeout; -webkit-animation-name: _fadeout;
- }
- .IN.FADE {
- animation-name: _fadein; -webkit-animation-name: _fadein;
- }
- .OUT.POPSHOW {
- animation-name: _popHide; -webkit-animation-name: _popHide;
- }
- .IN.POPSHOW {
- animation-name: popShow; -webkit-animation-name: _popShow;
- }
- .OUT.SHOWPOP {
- animation-name: _hidePop; -webkit-animation-name: _hidePop;
- }
- .IN.SHOWPOP {
- animation-name: _showPop; -webkit-animation-name: _showPop;
- }
- .JUMP {
- animation-name: _jump; -webkit-animation-name: _jump;
- }
- @media screen and (orientation:landscape) and (device-aspect-ratio:40 / 71)
- {
- #server-stage {
- bottom: 3em;
- }
- }
- .HIDE {
- display: none;
- }
- .VHIDE {
- visibility: hidden;
- }
- body {
- margin: 0px; padding: 0px; height: 100%; text-align: center; overflow: hidden; font-family: "helvetica";
- }
- html {
- margin: 0px; padding: 0px; height: 100%; text-align: center; overflow: hidden; font-family: "helvetica";
- }
- a {
- color: green;
- }
- #GameCanvas {
- margin-bottom: -4px; position: relative; z-index: 1; max-height: 100%; max-width: 100%;
- }
- #GameCanvasBOX {
- background: url("./vapp/7/background2.png") left center; background-size:100% 100%; left: 0px; top: 0px; width: 100%; height: 100%; position: relative;overflow: hidden;height:910px;
- }
- .layer {
- left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; position: absolute;
- }
- #startLayer {
- z-index: 10;
- }
- #startLayer #gameTap {
- left: 36%; width: 26%; bottom: 26%; position: absolute;
- }
- #gameName {
- left: 0px; top: 7%; width: 100%; height: auto; text-align: center; position: absolute; z-index: 8;
- }
- #gameName img{ width:100%;}
- .FBfont
- {
- width: auto; height: 100%; display: inline-block;
- }
- #gameCounter
- {
- right: 13%; top: 7.7%; width: 38%; height: 0px; text-align: center; display: none; position: absolute; z-index: 9;
- }
- #gameCounter .FBfont {
- height: 22px;
- }
- #gameScoreBorad {
- position: relative;
- }
- #gameScoreText
- {
- top: 63.5%; left: 20%; font-size: 30px; position: absolute;
- }
- #gameScoreText .FBfont {
- height: 22px;
- }
- #gameMenuLayer {
- z-index: 10;
- }
- #gameMenuLayer .box {
- width: 88%; margin:0 auto; margin-top:30px;
- }
- #gameBtnGroup {
- text-align: center; margin-top: 10px; position: relative; z-index: 20; width:100%;
- }
- #gameBtnGroup .btn {
- width: 25%; height: auto; display: inline-block;
- }
- #gameBtnGroup .btn:active {
- transform: scale(1.05); -webkit-transform: scale(1.05);
- }
- .text-share{ background:url(./vapp/7/text.png) no-repeat right center; width:100%; height:155px; background-size:contain; top:0; display: block;}
- .mod-pop{ position: fixed; width:100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 9000; top:0; left: 0; display: none;}
- .mod-share a:active{
- opacity:0.8;
- filter:alpha(opacity=80);
- -moz-opacity:0.8;
- -khtml-opacity:0.8;
- }
- .mod-share{
- overflow: hidden;
- width: 96%;
- margin:10px 2%;
- text-align: center;
- }
- #share-wx{
- background:rgba(0,0,0,0.8);
- position:absolute;top:0px;
- left:0px;
- width:100%;
- height:100%;
- z-index:10000;
- display:none;
- }
- #wx-qr{
- background:rgba(0,0,0,0.8);
- position:absolute;top:0px;
- left:0px;
- width:100%;
- height:100%;
- z-index:10000;
- display:none;
- }
- .lis{margin-bottom: 10px;overflow: hidden;width: 100%;z-index: 1;}
- .lis a{display: block;width:99.9%;color:#ffffff;font-size:30px;text-decoration: none;background:#606783;text-align: center;line-height:60px;font-weight: bold;font-family:"微软雅黑";}
- .lis a img{position: relative;top: 1px;}
- </style>
- </head>
- <script>
- var isCount = 0;
- if(isCount==1){openCount(7);}
- function showPop(e) {
- var t = $(document).height();
- $(e).height(t).fadeIn();
- }
- function hidePop(e) {
- $(e).fadeOut()
- }
- $$.onready(function () {
- if (isset(fb)) {
- fb.loadfilelist = [
- { id: "bird", src: "./vapp/7/bird.cman.png" },
- { id: "background", src: "./vapp/7/background2.png" },
- { id: "ground", src: "./vapp/7/ground.2.png" },
- { id: "pipe", src: "./vapp/7/pipe2.png" },
- { src: "./vapp/7/f_0.png" },
- { src: "./vapp/7/f_1.png" },
- { src: "./vapp/7/f_2.png" },
- { src: "./vapp/7/f_3.png" },
- { src: "./vapp/7/f_4.png" },
- { src: "./vapp/7/f_5.png" },
- { src: "./vapp/7/f_6.png" },
- { src: "./vapp/7/f_7.png" },
- { src: "./vapp/7/f_8.png" },
- { src: "./vapp/7/f_9.png" }
- ];
- fb.birdconfig = {
- "frames": { "width": 106, "height": 114, "regX": 90, "regY": 60, "count": 2 },
- "animations": { "fly": [0, 1, "fly", .3], "dive": [0, 1, "dive", 1], "super": [0, 1, "super", .5] }
- };
- fb.noRelive = false;
- }
- });
- var mebtnopenurl = './game/';
- </script>
- <script type="text/javascript">
-
- var dataForWeixin = {
- appId: "wxce7d9241e643836b",
- TLImg: "http://game.ikongzhong.cn/icon/xiaoshuai.png",
- url: "http://game.ikongzhong.cn/games/xiaoshuai/",
- title: "听说酷跑变成炫飞了?来试试让金枪小帅飞翔起来,比比谁飞得更远",
- desc: "听说酷跑变成炫飞了?来试试让金枪小帅飞翔起来,比比谁飞得更远"
- };
- var onBridgeReady = function(){
- WeixinJSBridge.on('menu:share:appmessage', function(argv){
- var infos = $("#infos").text();
- if(isCount==1){shareCount(7);}
- WeixinJSBridge.invoke('sendAppMessage', {
- "appid": dataForWeixin.appId,
- "img_url": dataForWeixin.TLImg,
- "img_width": "120",
- "img_height": "120",
- "link": dataForWeixin.url + '?f=wx_hy_bb',
- "title": infos + dataForWeixin.title,
- "desc": dataForWeixin.desc
- });
- setTimeout(function () {location.href = mebtnopenurl;}, 1500);
- });
- WeixinJSBridge.on('menu:share:timeline', function(argv){
- var infos = $("#infos").text();
- if(isCount==1){shareCount(7);}
- WeixinJSBridge.invoke('shareTimeline', {
- "appid": dataForWeixin.appId,
- "img_url":dataForWeixin.TLImg,
- "img_width": "120",
- "img_height": "120",
- "link": dataForWeixin.url + '?f=wx_pyq_bb',
- "title": infos + dataForWeixin.title,
- "desc": dataForWeixin.desc
- });
- setTimeout(function () {location.href = mebtnopenurl;}, 1500);
- });
- };
- if(document.addEventListener){
- document.addEventListener('WeixinJSBridgeReady', onBridgeReady, false);
- }else if(document.attachEvent){
- document.attachEvent('WeixinJSBridgeReady', onBridgeReady);
- document.attachEvent('onWeixinJSBridgeReady', onBridgeReady);
- }
- </script>
-
- <body>
- <div class="lis">
- <div style="float: left;width:33%;"><a style="border-bottom:5px solid #fd6766;" href="http://game.ikongzhong.cn/">游戏列表</a></div>
- <div style="float: left;width:34%;"><a style="border-bottom: 5px solid #04fece;" href="http://game.ikongzhong.cn/">关注收藏</a></div>
- <div style="float: left;width:33%;"><a style="width:100%;margin:0;border-bottom: 5px solid #fdcd01;" onclick="location.href=location.href;"><img width="26" src="./vapp/4.png">重玩</a></div>
- </div>
- <script type="text/javascript" src="./js/code.js"></script>
- <div id="ceshuResult"></div>
- <div id="GameCanvasBOX">
- <canvas id="GameCanvas" width="640" height="1008"></canvas>
- <div id="startLayer" class="layer" ><img id="gameTap" src="./vapp/7/tap.png"/></div>
- <div id="gameName" class="ani6ms HIDE"><img src="./vapp/7/fxFBfont.png" /></div>
- <div id="gameCounter" class="FBfont"></div>
- <div id="gameMenuLayer" class="layer BOX-M HIDE">
- <div class="box">
- <div id="gameScoreBorad">
- <img src="./vapp/7/borad2.png" class="FILL-W"/>
- <div id="gameScoreText"><img src="./vapp/7/f_2.png" class="FBfont"></div>
- </div>
- <div id="gameBtnGroup">
- <img id="restart-btn" class="btn ani1ms" src="./vapp/7/b1.png"/>
- <img id="share-btn" onclick="showPop('#pop-share')" class="btn ani1ms" style=" width:33.5%;" src="./vapp/7/b2.png"/>
- </div>
- </div>
- </div>
- <div class="mod-pop" id="pop-share" onclick="hidePop('#pop-share')"><span class="text-share"></span></div>
- </div>
- <script type="text/javascript" src="./js/7/fb.game.js?abcde"></script>
- <script type="text/javascript" src="./js/7/main.js?t=2014"></script>
- <div id="infos" style="display:none"></div>
- <div style="overflow: hidden;" align="center" id="bai">
- <div style="display: inline;float: left;">
- </div>
- </div>
- <script type="text/javascript" src="http://game.ikongzhong.cn/js/46.js"></script>
- <div style="display: none;"> <img src="http://img.tongji.linezing.com/3455448/tongji.gif"></div>
- </body>
- </html>
|