자바스크립트를 배우는 친구들은 이것을 작은 연습으로 삼을 수 있습니다. 실습 코딩 기술을 강화하세요. 참조 코드: 코드 복사 코드는 다음과 같습니다. <제목>ggggg <br><br> // 전역 변수 정의 <br> // 공 좌표 <br> ballX=0; > directX=1;<br> directY=1;<br> //공이 움직입니다<br> function ballMove(){<br> //공이 움직인다<br> ballX =2*directX;<br> ballY = 2*directY;<br> //공의 상단과 너비를 동시에 수정 <br> div2.style.top=ballY 'px';<br> div2.style.left=ballX 'px';<br> // window.alert(div1.offsetWidth);//offsetwidth는 공의 너비입니다. JS의 요소 및 해당 offsetHeight<br> .offsetWidth>=div1.offsetWidth || 공 🎜> directY=-directY; </head><br><body><br> <div id="div1 " style="width:400px;height:300px;border:1px solid silver;위치: 절대; TOP: 100px"> <br> <div id="div2" style="position:absolute;left:0px; top:0px;"><img src="ball.png"></div><br> < ;/div><br></body><br></html><br><br><br><br>사진:<br><br> <br><br><br> </div>
