[즐거'웅'코드] 목차 예제 소스 구현 예시 예제 소스 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 function test(url, title, w, h) { var screenLeft = window.screenLeft != undefined ? window.screenLeft : screen.left; var screenTop = window.screenTop != undefined ? window.screenTop : screen.top; width = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth ? document.documentElement.clientWidth : screen..

[즐거'웅'코드] 목차 예제 소스 구현 예시 예제 소스 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 사과 바나나 메론 radio 체크 없애기 function test() { var obj = document.getElementsByClassName('test_obj'); for (var i = 0; i

[즐거'웅'코드] 목차 예제 소스 구현 예시 예제 소스 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 checkbox checked 한꺼번에 지우기 function test() { var obj = document.getElementsByClassName('test_obj'); for (var i = 0; i

[즐거'웅'코드] 목차 예제 소스 구현 예시 예제 소스 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 input value 한꺼번에 지우기 function test() { var obj = document.getElementsByClassName('test_obj'); for (var i = 0; i

[즐거'웅'코드] 목차 JAVASCRIPT JAVASCRIPT 1 2 3 4 5 if (document.location.protocol != "https:") { document.location = document.URL.replace(/^http:/i, "https:"); }

[즐거'웅'코드] 목차 예제 소스 구현 예시 예제 소스 1 2 3 4 5 6 7 8 9 10 11 사과바나나메론 function test(e) { alert($(e).attr('id')); } 구현 예시

[즐거'웅'코드] 목차 예제 소스 구현 예시 예제 소스 1 2 3 4 5 6 7 8 9 사과바나나메론 function test(e) { alert(document.getElementById(e.getAttribute('id')).getAttribute('id')); } 구현 예시

[즐거'웅'코드] 목차 예제 소스 구현 예시 예제 소스 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 50 51 52 53 54 55 56 57 58 59 말풍선(오른쪽)말풍선(위)말풍선(아래)말풍선(왼쪽) .balloon { position: relative; display: inline-block; } .balloon span { display: inline-block; padding: 10px; color: #fff; background: #ad1e51; border-radius: 20px; } .ba..

[즐거'웅'코드] 목차 예제 소스 구현 예시 예제 소스 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 50 51 52 53 54 55 56 57 58 59 .arrow { display: inline-block; background: #ad1e51; position: relative; margin-right: 30px; } .arrow.top, .arrow.bottom { width: 10px; height: 20px; } .arrow.left, .arrow.right { width: 20px; height..

[즐거'웅'코드] 목차 예제 소스 구현 예시 예제 소스 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 .triangle { display: inline-block; width: 0; height: 0; border: 30px solid; } .triangle.top { border-color: transparent transparent #ad1e51 transparent; } .triangle.bottom { border-color: #ad1e51 transparent transparent transparent; } .triangle.left { border-color: transparent #ad1e51 tra..

[즐거'웅'코드] 목차 CSS CSS 1 2 3 4 5 input[type=button] { -webkit-appearance: none !important; }

[즐거'웅'코드] 목차 예제 소스 구현 예시 예제 소스 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 보이기 숨기기 $("input:radio[name='radio_obj']").click(function () { var obj_value = $(this).val(); !obj_value ? $("input[name='target_obj']").hide() : $("input[name='target_obj']").show(); }) 구현 예시

[즐거'웅'코드] 목차 예제 소스 구현 예시 예제 소스 1 2 3 4 5 6 7 8 9 10 11 12 13 보이기 숨기기 function test(event) { var target_obj = document.getElementsByName("target_obj")[0]; !event.target.value ? target_obj.style.display = "none" : target_obj.style.display = "block"; } 구현 예시

[즐거'웅'코드] 목차 jQuery 예제 소스 구현 예시 jQuery 1 2 3 4 5 setInterval(function () { $("(대상)").toggle(); }, 200); 예제 소스 1 2 3 4 5 6 7 8 9 깜빡깜빡 setInterval(function () { $("#test_obj").toggle(); }, 200); 구현 예시

[즐거'웅'코드] 목차 JAVASCRIPT 예제 소스 구현 예시 JAVASCRIPT 1 2 3 4 5 6 7 function test() { document.all.test_obj.style.display = document.all.test_obj.style.display == "" ? "none" : ""; } setInterval(test, 300); 예제 소스 1 2 3 4 5 6 7 8 9 깜빡깜빡 function test() { document.all.test_obj.style.display = document.all.test_obj.style.display == "" ? "none" : ""; } setInterval(test, 300); 구현 예시