OperaBox/index.html at master · romabug/OperaBox · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<!DOCTYPE html>
<html lang="en">
<head>
 <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=0" />

   <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="../../assets/js/html5shiv.js"></script>
      <script src="../../assets/js/respond.min.js"></script>
    <![endif]-->
   <link rel="stylesheet" type="text/css" href="css/game.css"/>

   <link rel="stylesheet" type="text/css" href="css/gg2.css"/>

 <script src="http://code.jquery.com/jquery-1.9.1.js"></script>

   <script   src="js/game.js"></script>
   <script   src="js/game_libs.js"></script>


    <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>

<script type="text/javascript" src="http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate.js"></script>

  <!--  <script src="js/es5-shim.min.js"></script>   -->
   <!--果您需要在IE6、7、8中使用，请先在引入less.js前先引入es5-shim  -->
  <script src="js/less.js"></script>
     <link rel="stylesheet/less" href="css/game.less" />


 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>THIS IS A DEMO</title>


</head>
<body>


  <div id="gamehouse" style=" margin-left:50px ; position:relative; " >


<div id="gbigbox_pic">
<div class="img_opacity"></div>
</div>


<div id="gbigbox_pic_inner_tmp" ></div>


<div id="info" >  </div>
<div id="gbigbox" >
 <div id="gbigbox_2" >

<!--
<div id="gbigbox_pic_inner" ></div>
<div id="gbigbox_pic_inner_tmp2" ></div>
 -->

 <div id="temp_hole_cover" class="tu_public pp8"> <div class="shadow_layer"> </div> </div>


<div id="iamhole" mark="pp8"  class="pp8 ">  </div>

  <div id="tu_0" mark="pp0" class="tu_public pp0 "><div class="shadow_layer"> </div>  </div>
<div id="tu_1" mark="pp1" class="tu_public  pp1 "> <div class="shadow_layer"></div> </div>
<div id="tu_2" mark="pp2"  class="tu_public  pp2 "><div class="shadow_layer"></div>  </div>
<div id="tu_3" mark="pp3" class="tu_public  pp3 "><div class="shadow_layer"></div> </div>
<div id="tu_4" mark="pp4" class="tu_public  pp4"><div class="shadow_layer"></div>  </div>
<div id="tu_5" mark="pp5" class="tu_public  pp5 "><div class="shadow_layer"></div>  </div>
<div id="tu_6" mark="pp6" class="tu_public  pp6"><div class="shadow_layer"></div>  </div>
<div id="tu_7" mark="pp7" class="tu_public  pp7 "><div class="shadow_layer"></div>


</div>

</div>

</div>

<div id="game_tool">

 <button id="restart" class="button_g"   > ReStart </button>
 <button id="hitme"  class="button_g"  >Shake it </button>
<button id="toumiao"  class="button_g"     > View pic</button>
   </div>

<div class="guomeimei"  >

<p> Block Pattern</p>

<p>
<label class="range_me" >  Border Radius <input id="block_radius" type="range"   min="0" max="56" value="6"  >  </label>
<br/>

<label class="range_me"  >   Shadow Distance <input id="block_top_shadow" type="range"  min="-6" max="3" value="-3"  >  </label>
<br/>


<label class="range_me"  >   Shadow Density  <input id="block_top_density" type="range"   min="2" max="24" value="6"  >  </label>  <br>

<br>
<br>


  Motion Style:  <br>
<label >
<input type="radio" name="myspeed"  value="easeOutQuart" /> Ease
</label>
<label >
 <input type="radio" name="myspeed"   value="easeInCubic" /> Cubic
 </label>
 <label >
<input type="radio" name="myspeed" checked  value="easeOutBounce"  />  Bounce (default)      </label>


  <br>
<label  class="range_me"  > Motion Speed: <input id="block_speed" type="range"   min="80" max="800" value="250"  />  </label>

<input type="button" value="Reset"  id="re_style"  />
</p>


<p>


 <button id="water"> water   </button>
  <button id="insertpic"> insertpic   </button>

  <button  class="tempbtn2"  > fly away </button>

  </p>

  </div>

<div id="pic_url"  >
 <input id="turl"   type="url" tabindex="4" value="Paste Image URL here to Change Image" required >
<br />
<button id="surl"  class="button_g"   /> Submit URL
</button> </div>


</div>


</body>
</html>