단일 디지털 복제 실현

최근에 리메이크 프로그램을 하나 썼는데 코드를 붙였습니다. 많은 숫자 리메이크의 효과에 대해 가르쳐 주십시오. 저도 이미 실현했습니다. 지금은 단일 숫자 리메이크만 붙였습니다. 여러분은 머리를 써서 원하는 효과로 리메이크할 수 있습니다. 여러분과 함께 교류할 수 있기를 바랍니다.
<!DOCTYPE html>
<html>
  <head>
    <title>MyHtml2.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="./js/jquery-1.7.2.min.js"></script>
		<script type="text/javascript">
		$(document).ready(function(){
			$("#change").bind("click",function(event){
				if( $("#changeInput").val() == "" ){
					var scrollNum = 12;
				}else{
					var scrollNum = parseInt($("#changeInput").val()) + 2;	
				}
				$(".time-container ul").animate({top:-(396-36*scrollNum)},200);
			})
		})
		</script>
		<style type="text/css">
			ul,li{list-style: none;margin: 0;padding: 0;}
			.time-container{width: 28px;height: 36px;overflow: hidden;}
			.time-container ul{position: relative;top: 0;}
			.time-container li{width: 28px;height: 36px;}
		</style>
  </head>
  
  <body>
  	<div class="time-container">
			<ul>
				<li style="background-image: url(./image/9.png)"></li>
				<li style="background-image: url(./image/8.png)"></li>
				<li style="background-image: url(./image/7.png)"></li>
				<li style="background-image: url(./image/6.png)"></li>
				<li style="background-image: url(./image/5.png)"></li>
				<li style="background-image: url(./image/4.png)"></li>
				<li style="background-image: url(./image/3.png)"></li>
				<li style="background-image: url(./image/2.png)"></li>
				<li style="background-image: url(./image/1.png)"></li>
				<li style="background-image: url(./image/0.png)"></li>
				<li style="background-image: url(./image/blank.png)"></li>
			</ul>  	
  	</div>
  	<div>
  		<label> , </label>
  		<input type="text" id="changeInput">
  		<button id="change">change Num</button>
  	</div>
    
  </body>
</html>

좋은 웹페이지 즐겨찾기