728x90 300x250 SMALL javaScript/JS Examples47 값을 입력받아 개체 움직이기 프롬프트 입력창에서 좌표값을 입력받아 입력받은 값만큼 옆으로 움직이기 123456789101112131415 좌표값 입력받기 스크립트 12345678910111213$(document).ready(function() { var $entity = $("#img1"); $("#btn_start").click(function() { var value = window.prompt("x좌표 값을 입력해주세요.", 0); value = parseInt(value); if (value >= 0 && value 2019. 2. 19. .appendTo() 사용해서 코드 위치 이동시키기 요소 위치변경및 추가 .appendTo(target)를 사용하면 코드를 원하는 위치에 추가할수 있고 배치 위치를 변경할수도 있다. 12345Greetings Hello Goodbye 다음과 같은 코드가 있을때 Test 엘리먼트를 inner에 추가한다고 가정하면 1$( "Test" ).appendTo( ".inner" ); 이렇게 넣어줄수 있다. 1234567891011Greetings Hello Test Goodbye Test 그러면 이렇게 각 클래스 inner안에 추가된걸 확인할수있다. 페이지 안에 내용있는 구문의 위치를 변경시킬수도 있다. 1$( "h2" ).appendTo( $( ".container" ) ); 12345 Hello Goodbye Greetings 만약 Target 요소가 2개 이상일 경우에는 마지막 엘.. 2019. 2. 10. 자바스크립트와 제이쿼리 글자색 변경 자바스크립트와 제이쿼리 차이 비교 특정 id의 li에 텍스트를 빨강으로 변경해보자 ▶ 자바스크립트 12345678910111213141516171819202122232425262728 window.onload = function() { var menu2 = document.getElementById("test2"); var liCount = test.getElementsByTagName("li"); for (var i = 0; i 2019. 1. 29. 형변환을 이용한 배경 초마다 변경하기 3초에 한번씩 랜덤으로 배경색 변경 12345678$(document).ready(function(){ setInterval(function(){ var color = Math.random()*0xffffff; // 0~ffffff 사이의 랜덤 색 만든다 이때 결과는 10진수 color = parseInt(color); // 실수를 정수로 형변환 color = color.toString(16); // 정수를 16진수 문자로 변경 $("body").css("background-color", "#"+color); // 문자로 된 색상으로 최종 배경색 변경 },3000); }) 2019. 1. 27. 이전 1 ··· 7 8 9 10 11 12 다음 728x90 반응형 LIST