티스토리

Sharon Kim의 프로그래밍 노트

검색하기

블로그 홈

Sharon Kim의 프로그래밍 노트

sharonkim.tistory.com/m

비전공자 블로그

구독자: 0

방명록 방문하기

주요 글 목록

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.. 공감수 0 댓글수 0 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.. 공감수 0 댓글수 0 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");/.. 공감수 0 댓글수 0 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).. 공감수 0 댓글수 0 2022. 3. 17.
5일차 | 기본적인 갤러리, 일반적인 슬라이드 갤러리 필요파일 images jquery Lorem Ipsum is simply dummy text of the pdrinting and typesetting industry. Lorem Ipsum is simply dummy tely dummy thely dummy tegxt of thely try. Sed facilisis, sem a luctus bibendum, dui risus pellentesque velit, quis tempor magna sem vel justo. Etiam eget ipsum ante. Lorem Ipsum is simply dummy. 1 2 3 4 1 2 3 4 1 2 3 4 previousnext 내가 한 것 1 2 3 4 previous next 공감수 0 댓글수 0 2022. 3. 17.
4일차 | jquery(가로메뉴, 세로메뉴 , 애니메이션, 풀다운 메뉴) 외부 제이쿼리 // $(document).ready(function(){}); $(function(){ }); 가로메뉴.html menu s_menu1 s_menu1 s_menu1 s_menu1 menu s_menu2 s_menu2 s_menu2 s_menu2 menu s_menu s_menu s_menu s_menu 세로메뉴.html menu s_menu s_menu s_menu s_menu menu s_menu s_menu s_menu s_menu menu s_menu s_menu s_menu s_menu menu s_menu s_menu s_menu s_menu 세로메뉴_1.html 다펼쳐짐 menu s_menu s_menu s_menu s_menu menu s_menu s_menu s_menu s.. 공감수 0 댓글수 0 2022. 3. 17.
3일차 | Jquery(가로메뉴, 마우스 hover, 선택자, 제이쿼리 함수) menu s_mn s_mn s_mn s_mn menu s_mn s_mn s_mn s_mn menu s_mn s_mn s_mn s_mn menu s_mn s_mn s_mn s_mn menu s_mn s_mn s_mn s_mn 제이쿼리 함수 1. 크로스브라우징 자바스크립트 -> 플래시 -> 제이쿼리 -> 동영상(html5) 2. 코드 간단. 대상을 선택이 직관적(스타일시트 선택자, html태그명) 3. 기본적으로 적게 쓰고 간단하지만 극대화 4. DOM(Document Object Model) html문서의 구조를 기본해서 작업 header logo info_mn main_nav #wrap main_im 이미지1......이미지5 contents con1 ,con2, con3, con4 footer info.. 공감수 0 댓글수 0 2022. 3. 16.
2일차 | 반복문, 함수 for 문 for문은 while문과 달리 자체적으로 초기값, 조건식, 증감식을 모두 포함하고 있는 반복문입니다. while문 보다는 간결하게 반복을 표현할 수 있습니다. for(초기값; 조건식; 증감식){ 조건식의 결과가 참인 동안 반복할 실행문; ... } for(let i=1; i 변수값 변수를 객체화 ${변수명} document.write("dan"); document.write(`${dan}`); 변수값 변수명 변수값으로 태그형식 맞추어 출력 '' "" 문자열에 대한 우선순위 document.write(''); 공감수 0 댓글수 0 2021. 12. 1.
1일차 | 연산자, 조건문 대입연산자 증감연산자 비교연산자 논리연산자 'use strict' //if_02 const blood = prompt('혈액형을 입력하세요') // A B O AB const type = prompt('RH+ 또는 RH- 를 선택하세요'); // + - //당신의 혈액형은 a형이며 타입 RH+ 입니다. //선행 처리 알려 주기 위해 전부 if문 // if(blood = "A"){ // if(type == "+"){ // document.write("당신의 혈액형은 A형이며 타입은 RH+입니다"); // } // if (type == "-") { // document.write("당신의 혈액형은 A형이며 타입은 RH-입니다"); // } // } // if (blood = "B") { // if (type.. 공감수 0 댓글수 0 2021. 12. 1.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.