반응형 html · js · jquery · css10 셀렉트박스 화살표 지우기 select { border-radius:0; /* 아이폰 사파리 보더 없애기 */ -webkit-appearance:none; /* 화살표 없애기 for chrome*/ -moz-appearance:none; /* 화살표 없애기 for firefox*/ appearance:none /* 화살표 없애기 공통*/ } select::-ms-expand{ display:none /* 화살표 없애기 for IE10, 11*/ } 2022. 5. 24. 제이쿼리 datepicker 기본형 소스 2022. 5. 24. swiper slide 탭 이동 커스텀 ※ html 기본 샘플입니다. 해당 소스 보시고 변경하시면 됩니다. 메뉴1 메뉴2 메뉴3 슬라이드1 슬라이드2 슬라이드3 ※ script 입니다. 2022. 5. 18. Youtube API 이용방법 [ HTML ] 해당 태그의 id값이 스크립트에서 사용됩니다. [ js ] 2022. 5. 14. 일정시간 반복실행 함수 setInterval(), clearInterval() 제목 그대로 일정시간마다 특정 이벤트를 반복적으로 실행시켜주는 함수입니다. setInterval 사용법 const playRepeat = setInterval(function(){ //이 곳에 본인이 원하는 이벤트 코드를 작성하시면 되며 예를 들기 위해 alert() 적용했습니다. alert("일정시간 반복실행 함수입니다."); }, 5000); 위 기본 예제를 보면 5초 마다 "일정시간 반복실행 함수입니다." 라는 경고창이 뜰 것입니다. 그렇다면! 반대로 해당 반복실행을 멈출 수도 있겠죠?? 그것이 바로 clearInterval() 함수입니다. clearInterval 사용법 clearInterva(playRepeat); 위 기본 예제를 보면 playRepeat 이라는 변수는 위 se.. 2022. 3. 26. 시간지연함수 setTimeout() 본인이 지정한 일정 시간 후에 특정 이벤트를 발생 시키는 함수입니다. setTimeout의 사용법 setTimeout(function(){ //이 곳에 본인이 원하는 이벤트 코드를 작성하시면 되며 예를 들기 위해 alert() 적용했습니다. alert("시간지연함수입니다."); }, 1000); 위 기본 예제를 보면 1초 후에 "시간지연함수입니다." 라는 경고창이 뜰 것입니다. 그럼 이제 실제 적용하는 방법에 대해 얘기하겠습니다. alert 띄우기 2022. 3. 26. animate()를 이용한 버튼 클릭시 자연스럽게 맨 위로 스크롤하기 태그는 button으로 예시를 들겠습니다. 저는 form 전송 태그가 아닌 이상 보통은 type에 button을 선언해줍니다! 다른 태그에 적용하시는 분들은 onClick만 가져다가 사용하세요! ▲ 2022. 3. 26. 자바스크립트, 제이쿼리를 이용해 객체 가져오기 id 값 jQuery : $("#id_tag") javascript : document.getElementById("id_tag"); class 값 jQuery : $(".class_tag") javascript : document.getElementsByClassName("class_tag"); ※ 클래스 중 특정 클래스만 가지고 오는 방법 jQuery : $(".class1") javascript : document.getElementsByClassName("class1 class_tag"); querySelector / querySelectorAll querySelector : 가장 먼저 찾아진 하나의 메서드만 반환 예) document.querySelector("... 2022. 3. 26. animate()를 이용해 height auto 효과주기 해당 예제 적용해보시고 커스텀 하세요~! 클릭을 할 부분입니다. 2022.03.11 이벤트가 발생되어 보여지는 영역. 클릭을 할 부분입니다. 2022.03.11 이벤트가 발생되어 보여지는 영역. 2022. 3. 26. 현재 페이지 지정 영역 프린트하기 해당 글은 프린트할 수 있는 기본적인 방법에 대해서만 정리했습니다. html, 스크립트 부분은 이렇게 적용하면 되며, 아래 예제를 직접 적용해보면 바로 이해가 될겁니다. ※ 각각 프리트 할 때 경우의 수들이 있어서 그런 그때그때 변형해야 할 거 같습니다~! 프린트되는 영역 프린트하기 2022. 3. 26. 이전 1 다음 반응형