master

分支 (1)

管理

管理

master

DNF-JSQ
/
calculator.html

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>普通计算器</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta content="A fully featured admin theme which can be used to build CRM, CMS, etc." name="description" />
		<meta content="Coderthemes" name="author" />
		<!--通知浏览器打开极速模式-->
		<meta name="renderer" content="webkit">
		<!--如果只有IE内核,默认用最高版本-->
		<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />

		<!-- App favicon -->
		<link rel="shortcut icon" href="assets/images/favicon.ico">

		<!-- App css -->
		<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet">
		<!--Font Awesome图标-->
		<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.min.css" media="all">
		<!--Highdmin模板-->
		<link href="assets/css/main.css" rel="stylesheet" type="text/css" />
		<!--通用样式-->
		<link rel="stylesheet" href="assets/css/common.css" />

		<!-- jQuery  -->
		<script src="//cdn.staticfile.org/jquery/1.9.1/jquery.min.js"></script>
  		<!--[if lt IE 9]>
     		<script src="//cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  		<![endif]-->

		<!--普通计算器样式-->
		<link rel="stylesheet" href="assets/css/calculator.css" />

	</head>

	<body>

		<!-- Navigation Bar-->
		<header id="topnav">

		</header>
		<script>
			//引入头部
			//$('#topnav').load('top.html');
			$.ajax({
				type: 'get',
				url: 'top.html',
				async: false,
				success: function(top) {
					$('#topnav').append(top);
				}
			});
		</script>

		<div class="wrapper" style="text-align: center;">
			<div class="container-fluid">
				<div class="row">
					<div class="col-lg-12">
						<div class="col-lg-3" style="min-width:380px;margin: 0 auto;">
							<div class="card-box">
								<h4 class="m-t-0 header-title">普通计算器</h4>
								<div id="donut-chart" style="width: 309px;margin: 0 auto;">
									<table class="table table-centered m-0">

										<thead>
											<tr>
												<th>原来伤害</th>
												<th>提升伤害</th>
												<th>提升</th>
											</tr>
										</thead>
										<tbody id="tslvjsq">
											<tr>
												<td>
													<input type="number" class="form-control old-num" />
												</td>
												<td>
													<input type="number" class="form-control add-num" />
												</td>
												<td>
													<span class="up-num">0.00</span>%
												</td>
											</tr>
										</tbody>
									</table>
									<div id="show">
										<div id="formula" style="font-size: 20px;"></div>
										<div id="result"></div>
									</div>
									<table id="jsqTable">
										<tr>
											<td class="yun" id="j-ce">CE</td>
											<td class="yun" id="j-c">C</td>
											<td class="yun" id="j-back"><i class="fa fa-arrow-left"></i></td>
											<td class="yun">÷</td>
										</tr>
										<tr>
											<td class="num">7</td>
											<td class="num">8</td>
											<td class="num">9</td>
											<td class="yun">×</td>
										</tr>
										<tr>
											<td class="num">4</td>
											<td class="num">5</td>
											<td class="num">6</td>
											<td class="yun">-</td>
										</tr>
										<tr>
											<td class="num">1</td>
											<td class="num">2</td>
											<td class="num">3</td>
											<td class="yun">+</td>
										</tr>
										<tr>
											<td class="num">00</td>
											<td class="num">0</td>
											<td class="num">.</td>
											<td class="yun">=</td>
										</tr>
									</table>
								</div>

							</div>

						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- end wrapper -->

		<!-- bottom-->
		<div id="bottom"></div>
		<script>
			//引入底部
			$('#bottom').load('bottom.html');
		</script>

		<!--popper-->
		<!--<script src="https://cdn.staticfile.org/popper.js/1.11.1/umd/popper.min.js"></script>-->
		<!--bootstrap js-->
		<script src="https://cdn.staticfile.org/twitter-bootstrap/4.1.1/js/bootstrap.min.js"></script>
		<!--jquery.slimscroll.js-->
		<script src="https://cdn.staticfile.org/jQuery-slimScroll/1.3.8/jquery.slimscroll.min.js"></script>
		<!-- Highdmin模板 js -->
		<script src="assets/js/jquery.app.js"></script>

		<!--计算器js-->
		<script type="text/javascript" src="assets/js/calculator/calculator.js"></script>

	</body>

</html>