본문 바로가기

JavaScript/jQuery 플러그인

 (4)
[jQuery]waypoints를 이용한 스크롤 애니메이션 http://imakewebthings.com/waypoints/ LINK HTML 가나다라마바사 가나다라마바사 가나다라마바사 가나다라마바사 가나다라마바사 가나다라마바사 가나다라마바사 CSS $(".e_wrap").each(function() { new Waypoint.Inview({ element: this, enter: function(direction) { $(this.element).addClass("fadeInDown"); } }); }); });
[jQuery] masonry-docs - 가변높이 레이아웃 위와같이 가변높이인 item을 자동으로 잡아준다. https://masonry.desandro.com/ (test.html 참고) SCRIPT JS $(function(){ var $grid = $('.masonry').masonry({ itemSelector: '.item', columnWidth: 1, percentPosition: true }); }); HTML 111 111 111 222 222 222 333 333 333 CSS *{margin:0; padding:0;} #wrap{width:1200px; margin:0 auto; font-size:0; text-align:center;} #wrap div{display:inline-block; vertical-align:top; width:3..
[jQuery] datepicker 날짜 선택 옵션 datepicker 플러그인 포스팅 : http://dh5032.tistory.com/11?category=764114 $('input').datepicker({ dateFormat: 'yy-mm-dd', onSelect: function (date) { alert(date); } }) 이런식으로 추가해주면 날짜 클릭시 event가 발생한다.
[jQuery] datepicker 달력 플러그인 datepicker : https://jqueryui.com/datepicker/ HTML JS $( function() { $( "#datepicker").datepicker({ changeMonth: false, dateFormat: "yy-mm-dd", dayNames: ['월요일', '화요일', '수요일', '목요일', '금요일', '토요일', '일요일'], dayNamesMin: ['월', '화', '수', '목', '금', '토', '일'], monthNamesShort: ['1','2','3','4','5','6','7','8','9','10','11','12'], monthNames: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','..

티스토리툴바