web sprit

jQuery를 사용할때 어떠한 객체의 크기값을 가져오기 위해 아래와 같은 방법을 사용한다. $('.box').width(); // box 클래스의 가로크기 값을 가져온다 $('.box').height(); // box 클래스의 세로크기 값을 가져온다 하지만 위에서의 값을 가져오는 방법의 문제점은 객체에 padding값이나 border값이 있다면 그것을 제외한 순수 가로,세로값을 가져오기 때문에 실제의 크기값을 가져오지는 못한다. 예를 들어 border:1px padding:10px width:100px height:100px .box{ width:100px; height:100px; border:1px solid #000; padding:10px;} 위와 같이 box 클래스를 가진 객체의 실제 width..

제이쿼리의 animate 메서드로 접혓다 펼쳐지는 토글 형식의 animation 을 만들려면 height 의 값을 알고 그것에 대한 값을 animate 메서드에 전달 해줘야 작동할 수 있습니다. 기존의 toggle 메서드를 이용하여 toggle 메뉴를 만들 수 있지만 ,toggle 메서드는 style 값으로 width 값까지 제어하는 현상이 일어나면서 이상하게 접혓다 펼쳐짐을 확인하였습니다. 그래서 알아본 결과 animate 메서드로 height 를 이용하기로 하였는데 height 값으로 auto를 주면 접혓다 펼처지나 animation 효과는 나타나지 않습니다. 효과를 나타내려면 height 값을 auto로 주지말고 초기값을 전달해 줘야 합니다. (0px 이면 0px이라는 것을 전달.) 다음과 같은 트..