본문 바로가기
반응형

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 기본형 소스 $( function() { $( ".datepicker" ).datepicker({ changeMonth: true, // 월을 바꿀수 있는 셀렉트 박스.. 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.
반응형