[즐거'웅'코드] 목차 예제 소스 구현 예시 예제 소스 1 2 3 4 5 6 7 var _before = 'abcd'; var _after = _before.slice(-2); alert("문자 : " + _before); alert("뒤에서 두 글자 : " + _after); 구현 예시

[즐거'웅'코드] 목차 예제 소스 구현 예시 예제 소스 1 2 3 4 5 6 7 var _before = 'abcd'; var _after = _before.slice(0, -1); alert("자르기 전 : " + _before); alert("자르기 후 : " + _after); 구현 예시

[즐거'웅'코드] 목차 예제 소스 구현 예시 예제 소스 1 2 3 4 5 6 7 img { -webkit-user-drag: none; } 구현 예시

[즐거'웅'코드] 목차 예제 소스 구현 예시 예제 소스 1 2 3 4 5 6 7 8 p { text-decoration: underline; text-underline-position: under; } 테스트 구현 예시 text-underline-position을 under로 지정한 것보다 더 간격을 조절하고 싶을 땐 :before, :after 등의 가상 선택자를 활용하는 것도 하나의 방법이 됩니다.

[즐거'웅'코드] 목차 예제 소스 구현 예시 예제 소스 1 2 3 4 5 6 7 p { text-decoration: underline; } 테스트 구현 예시

[즐거'웅'코드] 목차 예제 소스 구현 예시 예제 소스 1 2 3 4 5 6 7 p { text-decoration: line-through; } 테스트 구현 예시

[즐거'웅'코드] 목차 jQuery 예제 소스 구현 예시 jQuery 1 2 3 $("(대상)").css("filter", "brightness(밝기정도)"); 예제 소스 1 2 3 4 5 6 7 8 9 10 이미지 어둡게 하기 function test() { $("#test_obj").css("filter", "brightness(50%)"); } 구현 예시

[즐거'웅'코드] 목차 JAVASCRIPT 예제 소스 구현 예시 JAVASCRIPT 1 2 3 document.getElementById("(대상)").style.filter = "brightness(밝기정도)"; 예제 소스 1 2 3 4 5 6 7 8 이미지 어둡게 하기 function test() { document.getElementById("test_obj").style.filter = "brightness(50%)"; } 구현 예시

[즐거'웅'코드] 목차 CSS 예제 소스 구현 예시 CSS 1 2 3 4 5 img { filter: brightness(밝기정도); } 예제 소스 1 2 3 4 5 6 7 img { filter: brightness(50%); } 구현 예시

[즐거'웅'코드] 목차 예제 소스 구현 예시 예제 소스 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 .wrapper { display: inline-block; width: 100%; margin-bottom: 20px; } .wrapper .box { height: 200px; } .wrapper .box:nth-child(1) { background-color: #F26F3D; width: 200px; } .wrapper .box:nth-child(2) { background-color: #d9f290; widt..

[즐거'웅'코드] 목차 예제 소스 구현 예시 예제 소스 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 .wrapper { display: inline-block; width: 100%; margin-bottom: 20px; } .wrapper .box { float: left; display: inline-block; width: 200px; } .wrapper .box:nth-child(1) { background-color: #F26F3D; height: 200px; } .wrapper .box:nth-..

[즐거'웅'코드] 목차 예제 소스 구현 예시 예제 소스 1 2 3 alert("첫 번째 줄\n두 번째 줄") 구현 예시

[즐거'웅'코드] 목차 jQuery 예제 소스 구현 예시 jQuery 1 2 3 $("(대상)").attr("href","(변경할 href 입력)"); 예제 소스 1 2 3 4 5 6 7 8 9 10 페이지 이동a링크 href 변경하기 function test() { $("#test_obj").attr("href","https://www.google.co.kr/"); } 구현 예시

[즐거'웅'코드] 목차 JAVASCRIPT 예제 소스 구현 예시 JAVASCRIPT 1 2 3 document.getElementById("(아이디명)").href = "(변경할 href)"; 예제 소스 1 2 3 4 5 6 7 8 페이지 이동a링크 href 변경하기 function test() { document.getElementById("test_obj").href = "https://www.google.co.kr/"; } 구현 예시

[즐거'웅'코드] 목차 jQuery 예제 소스 구현 예시 jQuery 1 2 3 $("(대상)").attr("href"); 예제 소스 1 2 3 4 5 6 7 8 9 10 11 페이지 이동a링크 href 가져오기 function test() { var tmp = $("#test_obj").attr("href"); alert(tmp); } 구현 예시