검색이 빠를지도 몰라요😂
반응형
JS & jQuery
자바스크립트 배열
//step2_5 var cal_s = $('.owner_calendar .calendar_box .cal_bot td span'); var cal_array = []; $(cal_s).click(function(){ var cal_td = $(this).parent(); var cal_text = cal_td.find('span').text(); if(cal_td.hasClass('t_cal') == false && cal_td.hasClass('c_default') == false){ cal_td.toggleClass('impossible_cal'); if(cal_td.hasClass('impossible_cal') == true){ cal_array.push(cal_text); $('#c_holid..
JS & jQuery
휴대폰 인증시간 js
var timer; var isRunning = false; $(function(){ var hp_bt1 = $('.owner_step3 .hp_box1 .bt_box ul li:first-child a'); var hp_bt2 = $('.owner_step3 .hp_box1 .bt_box ul li:last-child a'); var hp2_bt1 = $('.owner_step3 .hp_box2 .bt_box ul li:first-child a'); var hp2_bt2 = $('.owner_step3 .hp_box2 .bt_box ul li:last-child a'); $(hp_bt2).on('click', function(){ $('.owner_step3 .hp_box2').show(); $(hp_..
JS & jQuery
콤마 추가 및 삭제 출력
function AddComma(num) { var regexp = /\B(?=(\d{3})+(?!\d))/g; return num.toString().replace(regexp, ','); } function removeComma(str) { n = parseInt(str.replace(/,/g,"")); return n; } function numberWithCommas(x) { x = x.replace(/[^0-9]/g,''); // 입력값이 숫자가 아니면 공백 x = x.replace(/,/g,''); // ,값 공백처리 $('input[name="so_use_point"]').val(x.replace(/\B(?=(\d{3})+(?!\d))/g, ",")); // 정규식을 이용해서 3자리 마다 ,..
JS & jQuery
이미지 저장막기
//안드로이드 document.addEventListener("contextmenu", e => { e.target.matches("img") && e.preventDefault(); }) $(document).bind("contextmenu", function(e) { return false; }); //pc F12 개발자도구 비활성 $(document).bind('keydown',function(e){ if ( e.keyCode == 123) { e.preventDefault(); e.returnValue = false; } }); //아이폰 body,img { -webkit-touch-callout:none !important;} /*(네이버, 카카오톡과 같은 앱 브라우저에서는 동작하지 않을 수 있..
CSS
글자 흐림효과
.view_app_desc:after { content: ""; display: block; height: 50px; position: absolute; bottom: 100px; width: 100%; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); filter: progid:..
CSS
css 애니메이션
#애니메이션_by.써니 .time_motion{ display:block; margin:0 auto; animation-name: time_s; /*애니메이션 이름*/ animation-duration: 3s; /*3초동안*/ animation-iteration-count: infinite; /*무한반복*/ animation-timing-function: linear; /*일정속도로*/ } @keyframes time_s { /*효과 애니메이션 0~100% 구간나눌수 있음*/ from {transform: rotate(0deg);} to {transform: rotate(360deg);} } /*키프레임으로 계속 회전하는 효과*/ #코드펜 애니메이션 효과더 알아보기! #그라디언트 애니메이션 .intro_..
JS & jQuery
modal
#modal See the Pen Untitled by Kim Mi Seon (@miseon920) on CodePen. *클릭해보세요! #modal 플러그인_bPopup $('.imagebtn').click (function(){ var ImageUrl = $(this).attr('src'); $('.p-img').attr('src', ImageUrl); $('.img-popup').bPopup({ modalClose: true , opacity: 0.8 , positionStyle: 'absolute' , speed: 300 , transition: 'fadeIn' , transitionClose: 'fadeOut' , zIndex : 10 }); }); .img-popup { display:none..
728x90
반응형
