목록* (157)

열정과 게으름 사이

윤년 계산& 14세 미만 가입방지.

아직 공부가 부족해서 인가. 이벤트 하나로 깔끔하게 윤년과 14세 미만을 출력하는 것은 짜기가 어렵네. 그래서 input시 윤년 계산, change시에 14세 미만을 확인하도록 했다. 더 깔끔하게 할 수 있는 방법은 더 찾아보는 걸로. let today = new Date(), year = today.getFullYear(), month = today.getMonth()+1, // 0부터 시작하기 때문에 1을 더해줌// day = today.getDate(); //- 월에 맞는 날짜 출력 & 만14세 가입 방지-// $('#user_birthday_day').on({ input:function(){ let val = $(this).val(); let year_val = $('#user_birthday_y..
공부 메모/javaScript 2020. 11. 28. 01:07
페럴릭스 만들기

--html-- ---css--- .wrap{width:100%; height: 1500px; } .section_01,.section_02,.section_03{widht:100%; height:500px} --js--- $(function(){ $(window).scrollTop(1); 로딩시 엘리먼트 자리 잡기 var section = $('section'); var sectionTop = []; section.each(function(){ var tg = $(this); sectionTop.push(tg.offset().top); }); section.css({position:'fixed'}); $(window).scroll(function(){ var scrT = $(window).scrollT..
공부 메모/javaScript 2020. 8. 29. 10:24
자동으로 움직이는 무한 반복 슬라이드

맨땅에 헤딩식으로 독학을 하고 있다보니 한장씩 이동하는 슬라이드는 무리없이 하는데. 여러개가 동시에 보이면서 한칸씩 이동하고 양쪽으로 다 무한 반복이 되는 이 슬라이드는 제한된 이미지로 양쪽으로 복사와 삭제가 되면서 자연스럽게 흘러가야하는거라 꽤 고생을 했다. 하지만 막상 하고보면 그리 어려운 것이 아닌 것이 었다는 것을 뒤늦게야 알게된다. 10장의 이미지가 한 view에 5장씩 보이면서 1장씩 이동하고 무한 반복 된다. HTML CSS .sliding-box { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin: 0 auto; width: 1020px; height: auto; justify-c..
공부 메모/javaScript 2020. 8. 24. 16:03
ajax으로 html불러와서 최근글 적용

var url='http://주소/bbs/board.php?bo_table=cs'; $.ajax({ type : "POST", url : url, dataType : "html", success:function(html){ varsubject =$(html).find('.td_subject'); varlist =subject.find('.bo_tit a'); var htmlString = ''; htmlString += ''; htmlString += ''; htmlString += ''; htmlString += ''; htmlString += ''; htmlString += ''; htmlString += ''; $('#notice').html(htmlString); for(var i=0; i < 5..
공부 메모/javaScript 2020. 8. 20. 17:01
Prev 1 ··· 12 13 14 15 16 17 18 ··· 40 Next