이 기사에서는 버튼을 클릭하여 DIV 레이어가 탄력적으로 움직일 수 있도록 JavaScript 방법에 대해 설명합니다. 참조를 위해 공유하십시오. 특정 구현 방법은 다음과 같습니다.
코드를 다음과 같이 복사하십시오.
<html xmlns = "http://www.w3.org/1999/xhtml">
<헤드>
<title> 버튼을 클릭하여 DIV 계층을 유연하고 모바일 특수 효과로 만들 수 있습니다 </title>
<스타일 유형 = "텍스트/CSS">
#div1 {배경 : #ffcc66; 국경 :#ff6600 1px 고체; 높이 : 100px; 너비 : 100px; 위치 : 상대; 왼쪽 : 0px;}
</스타일>
<script type = "text/javaScript">
var t = null;
함수 startMove ()
{
if (t)
{
ClearInterval (t);
}
t = setInterval (move, 30);
}
var 단계 = 0;
함수 이동 ()
{
var odiv = document.getElementById ( "div1");
step+= (100-odiv.offsetleft)/50;
단계 = 단계*0.98
odiv.style.left = odiv.offsetleft+단계;
}
</스크립트>
</head>
<body>
<div id = "div1">
</div>
<입력 유형 = "버튼"value = "move"onclick = "startMove ()"/>
</body>
</html>
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.