css3에서 애니메이션을 설정할 수 있다. 이 방법을 통한 스크롤 높이에 따른 애니메이션 시작과 되돌리기를 하기위한 JS 방법 CSS .test {position:relative; widht:50px; height:50px} @keyframes test_ani{ from{left:0} to{left:100px} } @keyframes test_ani2{ from{left:100px} to{left:0} } 위와 같이 @keyframes 를 두가지 형태로 만들어 준다 하나는 실행이고 하나는 원위치를 하기위한 @keyframes 이다. JS window.addEventListener("scroll", function() { let test_h = window.scrollY; if(test_h > [스크롤위치..

쿠쿠 작업장(web program)/javascript 2022. 1. 20. 15:49

탭을 만드는 방식은 여러가지가 있다. CSS만으로 구성할수도 있고 jquery.ui 를 가져다 쓸 수도 있다. 이 방식은 javascript의 onClick를 이용한 방법이다. 기본 Html 구성 탭이름01 탭이름02 . . . 탭이름01 에 따른 내용들 탭이름02 에 따른 내용들 . . . CSS 구성 (css의 디자인은 개인 취향 이므로 내용은 생략 필요한 부분만 색깔 표시) .tab_box {} .tabs {} .tabs:hover {} 이부분은 탭부분 롤오버시 디자인 필요없을때에는 안해도 됨 .tab_box .active {} 이부분은 탭이 활성화 되어 있을때의 디자인 .content {display:none} 기본 내용은 안보이게 설정 JAVASCRIPT 구성 function tabopen(ev..

쿠쿠 작업장(web program)/javascript 2021. 2. 17. 15:46

input, button, textarea 뒤에 추가만 하면 된다. onkeydown="javascript:if(event.keyCode===13) event.preventDefault();"

쿠쿠 작업장(web program)/javascript 2018. 12. 14. 18:56

링크

쿠쿠 작업장(web program)/javascript 2015. 2. 25. 19:41

javascript 소수점 올림 Math.ceil(계산식); javascript 소수점 버림 Math.floor(계산식); javascript 소수점 반올림 Math.round(계산식);

쿠쿠 작업장(web program)/javascript 2015. 2. 7. 17:34

1. 프린트할 div 영역 지정해 주기 내용 2. div 밑에 스크립트 작성하기 3. button 만들기 버튼버튼 4.팝업창 만들기 print.html 인쇄할 div 영역이 들어감.......

쿠쿠 작업장(web program)/javascript 2014. 6. 13. 03:54

쿠쿠 작업장(web program)/javascript 2013. 7. 13. 22:44