본문 바로가기
728x90
반응형

javascript71

[jquery플러그인]마우스로 배경이미지에 물결을 일으키는 효과를 주는 water-ripple 플러그인 *대로 적용되지 않는다면 서버에 이미지파일과 플러그인을 적용할 html 파일이 올려져 있는지 확인.. 그냥 로컬에서는 제대로 적용되지 않는다.. 아니면 코드펜이나 vscode의 라이브서버 같은 기능을 활용 적용방법은 아주 간단하다 See the Pen warter-ripple by gahyun (@gahyun) on CodePen. 필요한 파일은 jquery 파일과 플러그인의 js 파일이 필요하다. https://www.jqueryscript.net/demo/jQuery-Plugin-For-Water-Ripple-Animation-ripples/js/jquery.ripples.js 원하는 영역에 ripples함수를 이용해 옵션값을 설정해주면 마우스의 움직임이나 클릭에 따라 물결과 파동이 일어난다. 이때 .. 2019. 7. 5.
[javascript]소수점 반올림해서 n번째자리까지 출력하는 toFixed https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Number/toFixed Number.prototype.toFixed() toFixed() 메서드는 숫자를 고정 소수점 표기법으로 표기해 반환합니다. developer.mozilla.org var chartItems = [38500, 12000,21000 ,12500]; var chartTotal=0; for(var i=0; i> ["0.46", "0.14", "0.25", "0.15"] 2019. 7. 1.
[jQuery]모달창 만들기 화면가운데 위치하도록 설정 fixed를 쓰는이유는 스크롤 위치에 상관 없이 화면 가운데에 위치하도록 하기 위해서 { position:fixed; top:50%; left:50%; transform: translate(-50%,-50%); } 함수를 통해 매칭되는 모달창을 연다 모달열기1 function openModal(modalname){ document.get $("#modal").fadeIn(300); $("."+modalname).fadeIn(300); } #modal을 따로 놓고 투명 검정 배경으로 설정 => 투명검정부분이나 닫기버튼을 눌러 창 닫기 $("#modal, .close").on('click',function(){ $("#modal").fadeOut(300); $(".modal-con.. 2019. 6. 20.
[jQuery UI]리스트 순서 정렬하기 sortable sortable의 다양한 옵션을 통해 순서를 정렬하는 요소들을 만들 수 있다. See the Pen jquery - sortable by gahyun (@gahyun) on CodePen. 이를 응용해서 간단하게 자바스크립트만으로 todo list 를 만들 수 있다. See the Pen todo list by gahyun (@gahyun) on CodePen. 2019. 6. 20.
728x90
반응형