목록전체 글 (61)

단비의 코딩 공부 blog

[javascript]TweenMax.js로 마우스 커서 애니메이션 만들기

애니메이션 효과를 위해 jquery.js와 TweenMax.js를 가지고 와 설치해준다 1.html 여기! 2.css html, body, a { user-select: none; cursor: none !important; } body{backgroung-color:#000} .cursor { position: absolute; width: 10px; height: 10px; box-sizing: border-box; border-radius: 50%; z-index: 1000; pointer-events: none; background: #fff; } .cursor.hide { visibility: hidden; } .cursor.hover { background: red; z-index: -1; }..
javascript&jquery 2022. 11. 29. 09:01
[Vanilla JS]study 4일차 - 배열과 for in문

0. 데이터의 종류(복습) 0-1. for문(복습) 0-2. if문법(복습) 1. 배열의 선언 2. 배열의 length 속성 3. for in 문 4. 휴대폰 앞자리 출력(예제) 5. 응용문제
javascript&jquery 2022. 11. 29. 08:43
[Vanilla JS]study 3일차 - 반복문

1. 복합 대입 연산자 2. 연결 대입 연산자 3. 증감 연산자 4. while문 5. do while문 6. do while과 while의 비교 7. for문 8. 역 for문 9. 복합 대입 연산자 for문 10. 월 선택상자 만들기 11. 년도 선택상자 만들기 12. 일 선택상자 만들기 13. break 키워드 14. continue 키워드 15. 중첩 for문 16. 구구단 만들기 17. 별 출력하기
javascript&jquery 2022. 11. 24. 09:32
[Vanilla JS]study 2일차 - 조건문

1. 기본 if문 2. 다중 if문 3. 다중 if문 - 응용문제 4. 논리연산자 5. 논리곱 if문 6. 논리합 if문 7. 논리합 if문 - 응용문제 8. 부정연산자 if문 9. siwch구문 10. 삼항연산자 11. 짧은 조건문 12. 중첩 if문 13. 응용문제
javascript&jquery 2022. 11. 23. 09:56
[Vanilla JS]study 1일차 - 기본문법과 변수

1.내부 자바스크립트 2.외부 자바스크립트 alert('안녕하세요'); * test.js로 스크립트 이름을 생성후 연동한다. 3. 스크립트 주석 4.JS 데이터 유형 5.데이터 출력법 6.문자열과 숫자 7.사칙연산자 8.연결연산자 9.bool 10. 비교연산자 11.이퀄연산자 12.변수의 선언 13.변수의 사용이유 14.변수의 재선언 15.prompt함수 16.변수데이터의 유형 17.환율계산기 만들기 18.형변환 19.응용문제(평균 도출하기)
javascript&jquery 2022. 11. 22. 11:01
[javascript]플러그인 없이 슬롯 머신 만들기

HTML 시작! CSS .slot{background-image: url(./img/bg.jpg); min-height: 440px; max-height: 860px; text-align: center; max-width: 640px; min-width: 320px; overflow: hidden; margin: 0 auto; background-size: cover;} .slots img{width: 100%; height: auto;} .coffee-machine { width: 90%; margin: 0 auto; text-align: center; } #spin-cta { background: linear-gradient( #31cdb0, #3551a4); border: 1px solid #000..
javascript&jquery 2022. 10. 20. 16:39
이전 Prev 1 ··· 6 7 8 9 10 11 Next 다음