목록2018/05 (2)
메모장
html에서 태그의 css를 변경할 때 보통 $('#target').height(500); //또는 $('#target').css('height', 500); 와 같이 높이 또는 위치를 변경할 수 있다.위의 예시와 같이 변경하게 되면 바로 변경된 css로 표현이 되는데 JQuery에서 제공하는 animation 기능을 통해 변경 시 애니메이션 효과를 줄 수 있다.장황한 설명보단 한 줄의 코드를 보는게 더 빠르므로 바로 예시 코드를 보면 $('#target').animate({ width: '300px',//속성 값을 넣는다. height: '900px' }, 3000);//3000 부분엔 딜레이 값을 넣는다. 1. animate 선언 후 변경할 속성을 추가한다. - 속성이 여러개일 떄는 콤마로 구분한다...
Jquery에서 팝업창을 생성할 때 bPopup이라는 기능으로 손쉽게 팝업을 생성할 수 있다.bPopup을 통해서 화면에 팝업창을 화면에 예쁘게 생성할 수 있는데 이번 글에서는 bPopup의 reposition기능에 대해 소개해보겠다. 이번에 reposition 기능을 사용하게 된 계기는 bPopup으로 창을 띄웠을떄 유동적으로 창의 크기를 변경해야 할 때가 있는데 bPopup으로 생성된 창의 크기가 달라지면 늘어난 크기에 맞게 자동으로 예쁘게 정렬되지 않는다.해서 bPopup으로 생성된 창이 변경되었을 때 창이 자동으로 변경되도록 하기 위해서 reposition 기능을 사용했다. 이제 사용법에 대해서 설명해 볼텐데 bPopup 기본 사용법 관련해서는 이미 많은 블로그에서 다뤄왔기 떄문에 가볍게 패스. ..