master

分支 (1)

管理

管理

master

cool_home_applet_front_end
/
setPx.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>计算器</title>
</head>
<body>
	<!-- <p>3x = val / 3 * 1.81</p>
	<input type="text" id="setValue"><span class="setValue"></span>  &nbsp;&nbsp;rpx
	<br/>
	<p>1rem = 16px    val / 3 / 16</p>
	<input type="text" id="setRemValue"><span class="setRemValue"></span>  &nbsp;&nbsp;rem -->

	<!-- <p>2x = val / 2 * 2</p>
	<input type="text" id="setValue"><span class="setValue"></span>  &nbsp;&nbsp;rpx
	<br/> -->
	<p>1rem = 16px    val / 2 / 10</p>
	<input type="text" id="setRemValue"><span class="setRemValue"></span>  &nbsp;&nbsp;rem
</body>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script>
	$(function(){
		$("#setValue").blur(function(){
			var result = Math.round($(this).val() / 3 * 1.81);
			$(".setValue").html(result);
		})
		$("#setValue").focus(function(){
			$(this).val('')
		})

		$("#setRemValue").blur(function(){
			var result = $(this).val() / 2 / 10;
			$(".setRemValue").html(result);
		})
		$("#setRemValue").focus(function(){
			$(this).val('')
		})
	})
</script>
</html>