버튼 5

스크립트 모달 팝업 2개

닫기 다시 안보기 닫기 다시 안보기 다시 안보기 부분 -> 오늘 하루 안보기로 변경 // 하단에 오늘 하루 안보기 버튼 부분만 변경(변수명 확인 후 잘 바꾸기) hideTodayButton.addEventListener("click", function() { const hideUntil = new Date(); hideUntil.setDate(hideUntil.getDate() + 1); // Add one day to the current date localStorage.setItem("hideUntil", hideUntil.toISOString()); closePopup1(); }); const hideUntilDate = localStorage.getItem("hideUntil"); if (!hid..

🕹 스크립트 2023.06.07

슬릭슬라이더 일시정지/재생, 현재페이지/전체페이지, 프로그레스바

메인슬라이드이미지1 메인슬라이드이미지2 메인슬라이드이미지3 메인 텍스트 서브 텍스트 일시정지 및 재생 버튼 현재페이지01 전체페이지수03 좌/우버튼 /* index */ #index{width: 100%;} #index .mainSlider{width: 100%; height: 100vh; position: relative;} #index .mainSlider .slideWrap{position: absolute; z-index: -1; width: 100%; height: 100vh;} #index .mainSlider .slideWrap div{background: url(/asset/images/index/visual-main-1.png) no-repeat center / cover; width: ..

🕹 스크립트 2022.05.10

숨겨진 리스트 버튼누르면 보이게 만들기

HTML 삽입 미리보기할 수 없는 소스 $(function(){ $("div").slice(0, 6).show(); // 처음 보여지는 6개 리스트(div) $("p").click(function(e){ // 버튼(p)을 누르면 e.preventDefault(); $("div:hidden").slice(0, 6).show(); // 숨겨진 리스트(div)를 6개 보여줌 if($("div:hidden").length == 0){ // 더이상 보여줄 리스트(div)가 없다면 // alert("No more divs"); $('p').hide(); //버튼(p)을 숨김 } }); });

🕹 스크립트 2022.03.06
728x90