아이콘이 대각선으로 움직이니 코드를 보세요
아이콘 선형 회귀가 지정된 위치로 이동합니다.<br><meta http-equiv="Content- Type" content="text/html; charset=UTF-8"></head><br><body style="font-size: 13px;"> ><div> ; <BR><div style="margin: 30px 0 30px 0;"> <br><br><div style="margin: 50px 0 0 500px;"><b id ="b" >B</b></div> <br><div style="margin: 80px 0 0 300px;"><b id="d">D</b> </div> <br></div> <br><div> <br><버튼 이름="이동">이동</버튼> ;재설정</ 버튼> <br></div> <br><!-- 확인 아이콘이 숨겨진 부동으로 설정되었습니다.--> <BR><div id=" ok" style=" 표시: 없음; 위치: 절대; 글꼴 색상: 흰색; 배경 색상: 빨간색;">확인</div> <br><br><script type="text /javascript" src= "http://jt.875.cn/js/jquery.js"></script> <br><script type="text/javascript"> <br><br> var pb = {왼쪽: $("#b").position().left $("#b").width(), 위쪽: $("#b").position().top};// B점 위치<br><br>var pd = {왼쪽: $("#d").position().left $("#d").width(), 위쪽: $("#d"). position().top };//D 포인트 위치<br>$("#ok").css({left: pd.left, top: pd.top});//처음에는 D 포인트에 OK 배치<br><br> $("button[name=move]").click(function() {//D 지점에서 B 지점을 이동하려면 이동 버튼을 클릭하세요<br>$("#ok").fadeIn() .animate({ <br>left: pb.left, <br>top: pb.top <br>}, 1000, function(){//1초 이내에 애니메이션을 완료합니다. 애니메이션 속도를 설정할 수 있으며, 완료되면 숨길 수 있습니다. <br>$("#ok" ).fadeOut() <br>}) <br><br>}) <br><br>$("button[name=reset]").click(function () {//초기 상태로 돌아가려면 재설정 버튼을 클릭하세요. <br>$("#ok").hide().css({left: pd.left, top: pd.top}); }); <br></script> <br></html>
