코리아 IT아카데미/Javascript·Jquery~~~9 9일차 | 화면확대축소, kwicks 라이브러리 네비바, 마우스 휠, 나이스 스크롤, 니드팝업 index.html (화면확대 축소) jQuery Home About Us Mission Support Contact Us Welcome Lorem ipsum dolor "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum.. 2022. 3. 30. 8일차 | 애니메이션과 css차이, 가로스크롤메뉴, 마우스 따라 움직이는 네비게이션바,toggle, tooltip 도움말 효과 1220.html box1-1 box1-2 box1-3 box1-1 box1-2 box1-3 box1-1 box1-2 box1-3 스크롤메뉴(가로스크롤).html con1 con2 con3 con4 con5 con1 con2 con3 con4 con5 con1 con2 con3 con4 con5 index.html HOME ready_0419.html HOME HOME-r toggle.html box01 index.html There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words.. 2022. 3. 30. 7일차 | 퀵메뉴가 있는 슬라이드배너, 좌우,상하,디졸브 슬라이드배너 jquery-ui.js jquery.js 스크롤메뉴.html, .css, .js con1 con2 con3 con4 con5 con1 con2 con3 con4 con5 con1 con2 con3 con4 con5 버튼 슬라이드 배너 3종류(좌우 슬라이드, 상하 슬라이드, 디졸브 슬라이드) jquery-1.9.1.min.js jquery-ui.js jquery.js slidebanner.js(공통) $(function(){ var current = 0;//현재 보이는 이미지의 인덱스 0부터 var setIntervalId; //지역변수(특정함수내에서만 존재하는 변수), //전역변수(위치와 상관없이 스크립트 전체에서 사용할 수 있는변수) $("#btns > li").eq(0).addClass("on");/.. 2022. 3. 30. 6일차 | 자동 슬라이드 배너, 자식부모관계, 박스사이즈, 스크롤값, 드래그값 [jquery 파일] jquery-1.9.1.min.js jquery-ui.js jquery.js slidebanner.js $(function(){ var current = 0;//현재 보이는 이미지의 인덱스 0부터 $("#btns > li").click(function(){//3 //console.log(i); move(i);//해당되는 버튼의 번호를 매개변수로 보냄 }); //자동실행 //setInterval(실행문, 시간) timer();// 함수 호출 function timer(){ setInterval(function(){ var n = current + 1; //1 2 3 if(n == 4){ n = 0; } move(n); },2000) } //애니메이션 함수 function move(n).. 2022. 3. 17. 이전 1 2 3 다음