커피찬우유의 영화 다방

이벤트 중지시키는 방법 자바스크립트 이벤트 리스너에서 preventDefault() 와 stopPropagation() 그리고 return false 는 자바스크립트 프로그래밍을 할 때 이벤트 중단을 위해 자주 사용되는 코드들이다. 이벤트 중단 시에 사용되는 방식에 대해서 간단하게 정리하면 아래와 같다. event.preventDefault() 현재 이벤트의 기본 동작을 중단한다. event.stopPropagation() 현재 이벤트가 상위로 전파되지 않도록 중단한다. event.stopImmediatePropagation() 현재 이벤트가 상위뿐 아니라 현재 레벨에 걸린 다른 이벤트도 동작하지 않도록 중단한다. return false jQuery를 사용할 때는 위의 두개 모두를 수행한 것과 같고, j..

날짜에 따라 변하는 이미지 제이쿼리를 사용하여 디데이 방식으로 6개의 이미지가 날짜에 따라 이미지 변경되도록 설정 하는 방법입니다. 자세한 사용방법은 아래 참고 부탁드립니다. // 날짜에 따라 변하는 이미지 function formatDate() { var today = new Date(); var inYear = 2019; var inMonth = 3; var inDate = 5; var stdDate = new Date(inYear,(inMonth-1),inDate); var gapDate = stdDate.getTime() - today.getTime(); var gapDay = Math.ceil(gapDate / (60*1000*60*24)); var gapImg = gapDay % 6; if(g..

slick 슬라이드 란? 반응형 슬라이드이며, 무료로 사용가능한 제이쿼리 슬라이드입니다. slick 슬라이드 적용 방법 CDN으로 사용 CSS JS 다운로드하여 사용 https://github.com/kenwheeler/slick/ 반응형 옵션 예시 Responsive Option Example $(".slider").slick({ // normal options... infinite: false, // the magic responsive: [{ breakpoint: 1024, settings: { slidesToShow: 3, infinite: true } }, { breakpoint: 600, settings: { slidesToShow: 2, dots: true } }, { breakpoint: ..

레이어 팝업(오늘 하루 보지 않기 - 오늘 자정으로 설정하는 방법 코드입니다. 제이쿼리와 쿠키제이쿼리가 있어야 사용이 가능합니다. 아래의 코드 보시고 사용하시면 됩니다. 감사합니다.^^ 오늘 하루 이창을 열지 않음 창닫기 혹시나 도움이 되었다면 아래의 저희 사이트에 오셔서 한번만 구경해주세요. 감사합니다. 스톤모두 유튜브 무료 강의 : https://www.youtube.com/channel/UCZUPZrlC-A8u4Y8KbU0HUvQ?sub_confirmation=1 스톤모두 네이버 스토어 : https://smartstore.naver.com/stonemodoo 스톤모두 모두홈페이지 : https://stone.modoo.at/ 스톤모두 워드프레스 홈페이지 : https://stonemodoo.com/

css와 제이쿼리 사용하여 셀렉트 박스 디자인 변경하였습니다. 자세한 사용 방법은 아래 코드 확인 부탁드립니다. 더 좋은 방법이 있을 수 있지만 혹시 모르시는 분 있을까봐 공유드립니다.^^ 1 2 3 4 5 혹시 내용이 도움 되었다면 유튜브 채널오셔서 다양한 정보 보시고 구독과 좋아요 부탁드립니다. 감사합니다. 스톤모두 유튜브 무료 강의 : https://www.youtube.com/channel/UCZUPZrlC-A8u4Y8KbU0HUvQ?sub_confirmation=1 스톤모두 네이버 스토어 : https://smartstore.naver.com/stonemodoo 스톤모두 모두홈페이지 : https://stone.modoo.at/ 스톤모두 워드프레스 홈페이지 : https://stonemodoo...

GNB 주메뉴 만드는 방법 GNB 주메뉴 만드는 방법 입니다. 제이쿼리이용하였습니다. 아래의 코드 참고하셔서 쉽게 GNB navi 제작하세요. 웹 접근성이란 웹 접근성 개요 법. 제도 장애인의 웹사이트 이용 이해 웹 접근성 품질인증 관련사이트 진단 및 컨설팅 지킴이 및 멘토 모집 교육마당 웹 접근성 온라인교육 세미나 지식마당 지식마당 개요 온라인 자문서비스 개발자아카이브 정보마당 공지사항 자료실 뷰어 다운로드 기관 소개 기관장 인사말 한국정보화진흥원 소개 정보접근성 주요사업 BI소개 찾아오시는길

펜션 홈페이지 또는 기업 홈페이지 제작할때 유용한 제이쿼리입니다. 풀페이지로 시원하게 보여주고 싶을때 사용하는 fullpage.js입니다. 사용방법은 아래 코드 참고 부탁드립니다. 지금은 유료로 라이센스가 변경되었지만 예전 2.9.7 버전은 무료로 사용가능합니다. fullPage.js 2.9.7버전 다운로드 Logo Menu1 Menu2 Menu3 Menu4 Title1-1 Title1-2 Title1-3 Title2 Title3-1 Title3-2 Title3-3 Title4 더 자세한 사용방법은 아래 사이트 참고 부탁드립니다. https://github.com/alvarotrigo/fullPage.js alvarotrigo/fullPage.js fullPage plugin by Alvaro Trigo..

제이쿼리 이용한 가장 기본적인 메뉴입니다. 코드는 아래 참고 하셔서 보시면됩니다. 혹시 처음이신 분들이 어려우실까봐 작성해놨습니다. 감사합니다. Logo Menu1 Sub1-1 Sub1-2 Sub1-3 Menu2 Sub2-1 Sub2-2 Sub2-3 Menu3 Menu4 Sub4-1 Sub4-2 Sub4-3 Top Content 혹시 내용이 도움 되었다면 유튜브 채널오셔서 다양한 정보 보시고 구독과 좋아요 부탁드립니다. 감사합니다. 스톤모두 유튜브 무료 강의 : https://www.youtube.com/channel/UCZUPZrlC-A8u4Y8KbU0HUvQ?sub_confirmation=1 스톤모두 네이버 스토어 : https://smartstore.naver.com/stonemodoo 스톤모두 모..

제이쿼리 이용하여 위 아래로 움직이는 메뉴입니다. 활성화 방법과 해당 사용 방법은 아래의 코드 참고 부탁드립니다. 감사합니다. Logo Menu1 Menu2 Menu3 Menu4 Top Content Title1 Title2 Title3 Title4 혹시 내용이 도움 되었다면 유튜브 채널오셔서 다양한 정보 보시고 구독과 좋아요 부탁드립니다. 감사합니다. 스톤모두 유튜브 무료 강의 : https://www.youtube.com/channel/UCZUPZrlC-A8u4Y8KbU0HUvQ?sub_confirmation=1 스톤모두 네이버 스토어 : https://smartstore.naver.com/stonemodoo 스톤모두 모두홈페이지 : https://stone.modoo.at/ 스톤모두 워드프레스 홈페..

제이쿼리 사용하여 만든 왼쪽에서 나오는 메뉴입니다. 왼쪽 높이와 오른쪽 높이가 같습니다. 아래의 코드 보시고 활용하시고 오늘도 좋은 하루 되세요.^^ Logo Menu1 SubMenu1-1 SubMenu1-2 SubMenu1-3 Menu2 SubMenu2-1 SubMenu2-2 SubMenu2-3 Menu3 SubMenu3-1 SubMenu3-2 SubMenu3-3 Menu4 SubMenu4-1 SubMenu4-2 SubMenu4-3 Menu5 SubMenu5-1 SubMenu5-2 SubMenu5-3 Menu6 SubMenu6-1 SubMenu6-2 SubMenu6-3 123 123 123 123 123 123 123 123 123 123 123 123 123 123 123 123 123 123 123..