UXUI 웹디자인 과정_과제/2달차
[UXUI 웹디자인] 2달차 과제 / 무신사 로그인 페이지 (w/js, jquery)
ninefloor.github.io/web-practice/work/musinsa_js/ 무신사 로그인 비회원 구매 약관 비회원정보수집 동의 비회원 개인정보보호정책은 비회원으로 주문하는 고객님의 개인정보 보호를 위하여 무신사가 실시하는 개인정보 수집의 목적과 그 정보의 정책에 관한 ninefloor.github.io js와 jquery를 이용하여 탭 메뉴, 자동로그인 comfirm 창과 그에 따른 체크박스 제어를 구현했고 jquery-cookie를 이용해 7일간 자동 로그인 활성화 시 체크박스가 자동으로 체크 되도록 구현하였음. 자동 로그인 회원 가입 아이디 찾기 비밀번호 찾기 카카오 로그인 Apple 로그인 비회원 구매하기 비회원 주문 조회 비회원 구매 약관 비회원정보수집 동의 비회원 개인정보보호정책은..
[UXUI 웹디자인] 2달차 과제_33 / 팝업창 구현
https://ninefloor.github.io/web-practice/work/33/ $(document).ready(function(){ $(".layerPopup").click(function(){ $(".layer").show(); }) $(".close").click(function(){ $(this).parent().hide(); }) })
[UXUI 웹디자인] 2달차 과제_32 / 탭 메뉴 만들기
https://ninefloor.github.io/web-practice/work/32/ $(document).ready(function(){ $(".tab_cont2").hide(); $(".tab-btn>ul>li").eq(0).click(function(){ $(this).css({"text-decoration": "underline"}); $(".tab-btn>ul>li").eq(1).css({"text-decoration": "none"}); $(".tab_cont1").show(); $(".tab_cont2").hide(); }) $(".tab-btn>ul>li").eq(1).click(function(){ $(this).css({"text-decoration": "underline"}); $..
[UXUI 웹디자인] 2달차 과제_29~31 / 슬라이더 만들기
과제 29_상하 슬라이드 https://ninefloor.github.io/web-practice/work/29 $(document).ready(function(){ setInterval(slide,3000); }) let slide_num=1; function slide(){ $(".slideList").animate({top:slide_num*-360}); if(slide_num==2){ slide_num=0; } else{ slide_num+=1; } } 과제 30_좌우 슬라이드 https://ninefloor.github.io/web-practice/work/30/ $(document).ready(function(){ setInterval(slide,3000); }) let slide_num=1;..
[UXUI 웹디자인] 2달차 과제_24~28 / 드랍다운 메뉴 만들기
과제 24_전체메뉴 드랍다운 https://ninefloor.github.io/web-practice/work/24/ 과제 25_개별메뉴 드랍다운 https://ninefloor.github.io/web-practice/work/25/ 과제 26_전체메뉴 드랍다운+날개 https://ninefloor.github.io/web-practice/work/26/ .nav에 position: relative를 주고 하위에 div.nav_back 을 생성 .submenu와 거의 동일한 속성을 주되 width값과 position: absolute;를 이용해 위치를 조정하여 배경으로 깔릴 수 있게 잡아줌. 동작은 $(".submenu, .nav_back").slideToggle(500); 을 줘서 동시에 움직일 수 ..