$(function(){ fn_widthResize(); }) function fn_widthResize() { if (window.matchMedia('(max-width: 1024px)').matches) { // 태블릿 $('.branch').off().click(function() { $('.branch > div').css({ height: "auto" }); $('.branch > div').slideToggle(); $('.lang > ul').slideUp(); $('.remote').toggleClass('hide'); }); $('.lang').off().click(function() { $('.lang > ul').slideToggle(); $('.branch > div').slide..

HTML TEXT1 TEXT2 TEXT3 TEXT4 TEXT5 CSS ul, li {list-style: none;} .flow_banner {overflow: hidden;display: flex;max-width: 1180px;margin: 30px auto;background: #000;} .flow_banner .list {display: flex;} .flow_banner .list > li {font-size: 18px;color: #fff;padding: 20px;} @keyframes flowRolling { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } /* 반응형 스타일 */ @media (max-wi..

새로 고침 p > span.spin {animation:spin .5s ease-in;} @keyframes spin{ to { transform: rotate(360deg) } } $('.refresh_js').click(function(){ $('.refreshIcon_js').addClass('spin'); setTimeout(function(){ $('.refreshIcon_js').removeClass('spin'); }, 500); }); 참고사이트 https://jsfiddle.net/dimlucas/5f8vyx2x/1/ CSS Refresh Animation Trigger - JSFiddle - Code Playground jsfiddle.net

구현하고자 하는 복사 형식은 동일한 구조가 여러개 있는 리스트 형식에서 각각의 내용을 복사해야 하는 것이다. 복사할 내용 1 복사하기 // button 혹은 아이콘 등 복사할 내용 1 복사하기 // button 혹은 아이콘 등 1. document.execCommand document.execCommand()함수는 웹 표준에서 deprecated (추천하지 않음) 되어 편집기에서 사용할 경우 취소선으로 작성되지만 현재(22년 11월)까지 작동은 된다. $('.copyBtn').on('click', function(){ const copyText = $(this).silblings().text(); // 복사가 될 요소의 내용 가져오기 const textArea = document.createElemen(..

# isotope.js ? masonry 플러그인과 결합해 메뉴탭과 메뉴에 따라 필터링 될 요소들로 구성하여 사용하는 제이쿼리 플러그인 # 사용하기 1-1. js파일 다운로드 https://isotope.metafizzy.co/ Isotope · Filter & sort magical layouts Install Download CDN Link directly to unpkg. Package managers Install with npm: npm install isotope-layout Install with Bower: bower install isotope-layout --save License Commercial license If you want to use Isotope to develop co..

jQuery Cookie를 사용하여 하루만 혹은 기간을 정하여 모달창을 띄울 수 있다. jQuery를 기본으로 깔고 있기 때문에 jQuery와 jQuery Cookie를 불러온다. 파일을 다운받아 연결해도 되고, CDN으로 연결해도 된다. (CDN으로 연결) 파일 다운을 원할 시 https://plugins.jquery.com/cookie/ 에서 다운 받으면 된다. HTML 오늘 하루 보지 않기 닫기 오늘 하루 보지 않기 닫기 원하는 모달창을 마크업 한다. 구현하고자 하는 기능 모달창은 총 2개 페이지 첫 화면에 고정되며 body가 스크롤이 되는 일반 모달창 모달창도 body에 고정되어 body가 스크롤 될 때 같이 스크롤됨 (위치고정x) 하나는 클릭했을 때 원하는 링크의 새 페이지를 띄우고, 나머지 하..