jQuery를 이용하여 레이어 팝업을 작업해 보았습니다. 접근성에는 약간 안맞는 것 같지만 여러모로 쓸모는 많은 것 같습니다.
뜨는 창을 position:absolute; 와 left:50%; top:50%; 를 이용하여 가운데 배치하였고 jQuery를
이용하여 앨리먼트의 높이와 넓이를 가져와서 컨텐츠의 크기가 어떻게 되어도 항상 가운데에 위치하게 작업하였습니다. 다만 안쪽에
들어오는 컨텐츠에 width 값을 고정을 준다면 더 안정적으로 돌아갈 것 같습니다.
jQuery의 fadeIn() 과 fadeOut() 을 이용하여 좀더 예쁘게 꾸며보았습니다.
jQuery의 fadeIn() 과 fadeOut() 을 이용하여 좀더 예쁘게 꾸며보았습니다.
'웹 > DOM' 카테고리의 다른 글
[jQuery] jQuery를 이용한 트리구조 만들기 (0) | 2010.06.28 |
---|---|
[jQuery] jQuery를 이용한 사이드메뉴 (0) | 2010.05.25 |
[javascript] location 객체 설명 (0) | 2010.05.24 |
[jQuery] 라이브러리를 블러와서 사용하는 법 (0) | 2010.05.20 |
[jQuery] jQuery를 이용한 메뉴 (0) | 2010.05.10 |