목록CSS (4)
develope_kkyu
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/cA80TU/btrUp8P7TGi/KTPv9bQ9bPmD9bgHSslVe0/img.png)
JQUERY, CSS 등을 활용하여 카페 주문 관리 페이지 만들기 기능 메뉴목록에서 메뉴명과 수량, 가격 입력 후 추가 버튼 클릭 시 주문 내역으로 넘어감 주문 내역에 뜨면 총액을 보여주고 모바일 번호를 입력 여러개의 주문을 완료하고 주문완료 버튼을 누르면 매출 내역에서 매출 총액과 함께 주문내역들이 나온다. 메뉴목록 Americano, 2500 Mocca, 3200 Espresso, 2300 Cappuccino, 3500 Latte, 3000 Greentea, 2700 메뉴명 수량 잔 △ ▽ 가격 원 추가 지우기 주문내역 총액 원 모바일번호 주문완료 주문삭제 매출내역 매출총액 원 -- 실행 화면
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/bN0PAs/btrUmifoLDr/pyHWCRy8KzZTwyHVeybYh0/img.png)
이름 : Orange Charts 기능 페이지 실행 시 fade in 애니메이션 상단에 고정된 상단바 버튼 클릭 시 영역 숨기기/보여주기 차트가 아래에서 올라오는 애니메이션 더보기 클릭 시 차트 10개 더 보여주기 노래제목 클릭 시 유튜브 뮤직비디오 링크 가수 클릭시 그 가수 페이지로 이동(페이지 미구현) 기능이 있는 헤드부분만 실행 화면
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/c0yJ6m/btrUfaoDEEK/nczrtLx6TQYBpjwdDN1dOk/img.png)
안녕하세요 PARENT CHILD Lorem ipsum dolor sit amet consectetur adipisicing elit. Animi dolore voluptatem porro, officia saepe tempora ullam sequi mollitia velit voluptas vel dolorem ad magnam facere dignissimos neque enim quisquam voluptate! Ipsum molestiae quidem voluptatum accusantium dolore, nulla quaerat nostrum, rerum natus iure corrupti praesentium fuga id minus, incidunt recusandae consequuntu..