반응형 참고72 복습 - click, dblclick, mouseenter, hover - HTML - this is a heading this is a paragraph this is a another paragraph hide - JQUERY - [1] $(document).ready(function () { $("button").click(function () { $("p").hide(); }); }); ======================================= [2] $(document).ready(function () { $("p").dblclick(function () { $(this).hide(); }); }); ======================================= [3] $(document).ready(function () { $("#p1").m.. 2020. 6. 3. 복습 - setInterval - HTML - 시작 종료 - JAVASCRIPT - var t = null; var num = 1; function increment() { // txt_temp.value = (txt_temp.value*1) + 1; document.getElementById("txt_temp").value = num++; } function start() { if(t == null) { t = setInterval(increment, 1000); } else { } } function end() { clearInterval(t); } 설명 버튼을 누르면 인풋창에 인터벌로 인하여 1초(1000)마다 1씩 증가한다. txt_temp.value = "txt_temp" + 1 로 작성하면 1씩 증가가 아니고 1111111.. 2020. 6. 3. setInterval / clearInterval *setInterval (정한 시간마다 실행) // 시작 버튼을 만들어준다. Interval Start function func() { alert('hi :)'); } function start() { setInterval(func, 3000); } 결과 Interval Start 버튼을 누르면 3000(3초) 마다 경고창이 뜬다. setInterval을 쓰면 경고창이 나오는데 경고창을 누르지 않아도 계속 쌓인다. 그래서 이를 멈춰주기 위해 clearInterval을 사용. *clearInterval // End 버튼을 하나 더 만들어줌. Interval Start Interval End var info = 0; function func() { alert('hi :)'); } function start(.. 2020. 6. 2. clear: both 웹표준 사용하기 웹디자인 기능사 시험에 clear:both;를 사용하면 감점요소이다. 따라서 아래와 같이 css 작성해서 필요시 html에 있는 class에 적용하면 된다. 요소들에 float을 걸면 아래쪽에 오는 요소들이 계속 float이 걸린다. 이를 방지하기 위해 clearfix를 사용한다. clear:both는 float이 걸린 요소 그 다음에 오는 요소에게 쓰지만, clearfix는 float을 걸어논 요소를 감싸고 있는 부모 요소에 쓴다. .clearfix::before, .clearfix::after { display: block; clear: both; content: ''; } before과 after 앞에 :: 콜론 2개 넣기 * 적용예시 // 클래스 명이 없을 시 클리어 내용 =============.. 2020. 6. 2. 이전 1 2 3 4 5 6 ··· 18 다음 반응형