NOTE

최신 글

• Vuejs [Vuejs] Transition을 이용한 slide메뉴 버튼 클릭시 왼쪽 -> 오른쪽 으로 열리는 메뉴 구현 v-enter: enter의 시작 상태. 엘리먼트가 삽입되기 전에 적용되고 한 프레임 후에 제거됩니다. v-enter-active: enter에 대한 활성 및 종료 상태. 엘리먼트가 삽입되기 전에 적용됩니다. 트랜지션 / 애니메이션이 완료되면 제거됩니다. v-enter-to: 2.1.8 이상 버전에서 지원합니다. 진입 상태의 끝에서 실행됩니다. 엘리먼트가 삽입된 후 (동시에 v-enter가 제거됨), 트랜지션/애니메이션이 끝나면 제거되는 하나의 프레임을 추가했습니다. v-leave: leave를 위한 시작 상태. 진출 트랜지션이 트리거 될 때 적용되고 한 프레임 후에 제거됩니다. v-leave-active: leave에 대한 활성 및 종료 상태. 진출..
• ajax [ajax] 이미지 리스트 뿌리기.. HTML CSS .list_box{font-size:0;max-width:1110px;margin:0 auto;padding-top:10px;} .list_box>ul>li{width:25%;} .list_box>ul>li{display:inline-block;border-right:5px solid #fff;border-left:5px solid #fff;margin-top:20px;vertical-align:top;} .list_box>ul>li>a{display:block;width:100%} .list_box.img_type>ul>li>a .img-box{width:100%;position:relative;height:160px;background-repeat:no-repeat;background..
• jQuery [jQuery] input text 값 추가 제거 HTML 등록 등록 JS $(document).ready(function () { $(".refer_wrap.apply button").on("click", handletextSelect); }); //텍스트 등록 function handletextSelect(e){ var $this = $(this); var $fileItem = $(""); var $parentWrap = $this.closest(".refer_wrap.apply") var $parent = $parentWrap.find(".refer_area"); var $fileRmvBtn = $(""); var list = new Array(); $parentWrap.find("input.apply_input").each(function(ind..
• jQuery [jQuery] 푸터 위에서 멈추는 플로팅 메뉴 HTML 내ㅔ용 맨위로 푸터 css #wrap{position:relative} #container{height:1000px;background-color: #00c2f2} .floatingBtnWrap {position:fixed;right:50%;margin-right:-708px;bottom:50px;z-index:10;display:none;font-size:0;} .floatingBtnWrap li{font-size:0;display: inline-block;} .floatingBtnWrap li a{display:block;width:54px;height:54px;background-color: #2b2b2b;color:#fff;font-size:14px;} #footer{width:100%;..
• jQuery [jQuery] input file 다중 이미지 업로드 HTML 이미지등록 + 이미지등록 + 이미지등록 + CSS .input_img ul{width:100%;font-size:0;} .input_img ul li{display:inline-block;position:relative;vertical-align:top;width:20%;border-left:5px solid #fff;border-right:5px solid #fff;} .input_img ul li.on span{display:none;} .input_img ul li.on label{background-color: transparent} .input_img ul li.on button{z-index:99;display:block;position:absolute;width:32px;height..