전체보기 (853) 썸네일형 리스트형 URL 정보 확인하기 예시) url - http://localhost:8080/test/test.do?param=data ○location.href : http://localhost:8080/test/test.do?param=data 절대 좌표 확인 + 이동함수 1. offset() - 절대좌표 확인 및 이동함수 -> cf)상대좌표 position() - 절대 좌표 확인 : 예시) var a = $('.apoint'); //선택자 a.offset().top; //상단을 기준으로 해당 선택자 요소가 위치한 거리를 절대좌표로 나타냄 a.offset().left; //좌측을 기준으로 해당 선택자 요소가 위치한 거리를 절대좌표로 나타냄 - 해당 요소 이동 : 예시) var a = $('.apoint'); //선택자 a.offset({top: 100, left: 200}); //절대좌표를 기준으로 상단에서 100px, 좌측에서 200px에 해당하는 좌표로 이동. cf)offset() vs animate() - offset은 순간적으로 이동시킬 수 있는 반면, animat.. input 태그 사용 시, 마스킹 처리하기 예시) css 사용 .masking{ -webkit-text-security: disc}; + -webkit-text-security 종류 : circle, disc, square, none ※ -webkit-text-security는 input, textarea 에서만 사용 가능 [라이딩]배곧~월곶~소래포구 모처럼 휴가를 맞이하여 먼지 쌓여 있던 자전거를 수리한 후 소래포구까지 찍고(?) 오는 일정을 잡았습니다. '안산 - 시흥 - 인천' 이렇게 3도시를 종주(?) 하는 당일치기 일정 입니다. 자전거를 마지막으로 타본 기억이 1~2년 전 쯤이라 소래포구까지 가는 길에 있는 건물이라던지 모습이 많이 바뀌어서 좀 애를 먹었습니다. 무엇보다 값진 경험이었던 건, 새로운 자전거 도로 2개를 발견했다는 것 입니다. 하나는 옥구공원 에서 배곧 신도시 경치를 감상할 수 있는 자전거 도로가 생겼습니다. (옥구공원 화장실을 지나 월곶 쪽으로 가는 중간에 옆길로 자전거 도로가 있습니다.) 두번째는 배곧~월곶~소래포구 사이에 자전거 도로가 생겼습니다. 이 자전거 도로 이름이 뭔지를 잘 모르겠는데, 소래포구 바로 옆에 있는 자전.. [narutoblazing]4차 인계 정상 결전 S클래스 10 인증 + 블각 히나타 이번 인계대전 시즌에 블각 소환용 캐릭의 특수효과가 추가되었다. 이번 시즌의 블각 소환용 캐릭은 다름아닌........ '히나타!!!' 캐릭터의 상세 내용은 다음과 같습니다. 요 캐릭을 인계 대전 시 사용하면, 승리 시 얻을 수 있는 포인트 + a가 된다는 사실~ 따라서, 인계 대전 레벨을 보다 쉽게 올릴 수 있습니다. 그럼, 유저분들 모두 즐겜하세요~ 캔버스 사용 사이트 : http://fabricjs.com Fabric.js Javascript Canvas Library Using Fabric.js, you can create and populate objects on canvas; objects like simple geometrical shapes or complex shapes consisting of hundreds or thousands of simple paths or good old images You can add text and dynamically manipulate its size, alignment, fabricjs.com http://fabricjs.com/kitchensink Kitchensink | Fabric.js Demos fabr.. 체크박스 및 라디오 태그 컨트롤 1. 선택자를 지정하여 체크박스 체크 또는 해제 하기 (가정 : 대부분 제이쿼리 1.6 이상 사용) $('#checkbtn').prop('checked', true); //체크 $('#checkbtn').prop('checked', false); //체크 해제 2. 체크박스 및 라디오 이벤트(체크 혹은 체크 해제) 감지 $(document).ready(function({ $('#checkbtn').change(function(){ if($(this).is(":checked"){ alert('체크'); }else{ alert('체크 해제'); } }); }); 이미지 에디터 라이브러리 tui-image-editor : https://ui.toast.com/tui-image-editor TOAST UI :: Make Your Web Delicious! The TOAST UI Is Free Open-source JavaScript UI Libraries Maintained By NHN. ui.toast.com 이전 1 ··· 68 69 70 71 72 73 74 ··· 107 다음
