UXUI 웹디자인 과정_과제
[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); 을 줘서 동시에 움직일 수 ..
[UXUI 웹디자인] 2달차 과제_23 / 복불복 게임 만들기
https://ninefloor.github.io/web-practice/work/work23.html var arr=new Array(0); var num=0; var choice=0; var price=0; var name=''; // 인원 및 이름 설정 num=prompt("몇 명?"); num=Number(num); for(var i=1; i
[UXUI 웹디자인] 2달차 과제_22 / JS 연습문제 풀이
1. 최대값 https://ninefloor.github.io/web-practice/work/22/ex01.html var num=[10,20,5,8,1,2]; var max=0; for(var i=0; i
[UXUI 웹디자인] 2달차 과제_21 / 로또번호 생성기 중복 제거
https://ninefloor.github.io/web-practice/work/work21.html https://ninefloor.github.io/web-practice/work/work21.html ninefloor.github.io var choice=confirm("로또번호 생성기입니다. 6개의 숫자를 생성하시겠습니까?"); var lotto=[]; if (choice==true) { for (var i=0; i