htmlhead title磁盘分区计算工具title script function convert var gb = parseFloatdocumentgetElementByIdgbvalue; var mb = gb 1024; documentgetElementByIdresultinne
<html>
<head>
<title>磁盘分区计算工具</title>
<style>
.container {
display: flex;
flex-direction: row;
}
<pre><code> .image-container {
flex: 3;
}
.image-container img {
width: 100%;
}
.content-container {
flex: 4;
padding: 20px;
}
</style>
<script>
function convert() {
var gb = parseFloat(document.getElementById("gb").value);
var mb = gb * 1024;
document.getElementById("result").innerHTML = gb + " GB = " + mb + " MB";
}
</script>
<link href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet">
<!--font-awesome 核心CSS文件-->
<link href="//cdn.bootcss.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">
<!-- 在bootstrap.min.js 之前引入 jquery -->
<script src="http://apps.bdimg.com/libs/jquery/2.0.0/jquery.min.js"></script>
<!-- Bootstrap 核心js文件 -->
<script src="http://apps.bdimg.com/libs/bootstrap/3.3.0/js/bootstrap.min.js"></script>
</code></pre>
</head>
<body>
<jsp:include page="header.jsp" flush="true"/>
<div class="container">
<div class="image-container">
<img src="your-image-url" alt="image">
</div>
<div class="content-container">
<h1>磁盘分区计算器</h1>
<label for="gb">输入磁盘大小（GB）：</label>
<input type="text" id="gb" name="gb" placeholder="请输入磁盘大小">
<button onclick="convert()">转换</button>
<br><br>
<div id="result"></div>
</div>
</div>
<jsp:include page="footer.jsp" flush="true"/>
</body>
</html>
原文地址: https://www.cveoy.top/t/topic/hOwO 著作权归作者所有。请勿转载和采集!