2010-05-05 4 views
1

로그인 팝업 창을 만들려고합니다. 예를 들어 누군가 로그인 버튼을 클릭하면 팝업 창이 표시되고 기본 페이지의 불투명도가 변경되고 팝업 창에 초점이 맞춰집니다.jquery 팝업 메뉴를 만드는 방법

Here은 구현하고자하는 것을 활용하는 웹 사이트의 예입니다.

+0

필자는 jQueryUI Dialog로 시작한 다음 필요에 따라 jQueryUI 소스가 아닌 *를 변경하는 것이 좋습니다. 제 경우에는 적용된 스타일 대부분을 제거하고 사용자 정의 닫기 버튼을 추가합니다. jQueryUI 대화 상자 *는 포커스 * 및 ESC를 올바르게 처리하지만 다른 많은 대안에서는 그렇지 않습니다. 더 나은 크기 조정은 외부 적으로 패치 할 수도 있습니다. IE8 +에서 잘 작동합니다. – user2246674

답변

3

당신은 당신이에 대한 귀하의 게시물에서 참조 JQuery와 대화 상자를 사용할 수 있습니다 jqueryUI dialog

+0

jQuery UI의 최신 버전은 1.8.1입니다. – DannyLane

+0

@DannyLane : 좋은 소식, 링크가 업데이트되었습니다. – derek

1

당신은 또한 jQuery를 BlockUI 플러그인을 사용할 수 있습니다.

매우 사용하기 쉽습니다. jQuery를 배울 때 처음 사용했던 플러그인이었습니다.

1

(JQueryUI보다 가볍고, 아니지만 많은 기능) :

+0

+1 잘 찾았습니다, 확실히 이것을 내 북마크에 추가합니다 – Zack

1

http://jqueryui.com/dialog/#modal-form

사용이 사이트에 링크 사용 모달 대화 상자는 사용자가 여러 단계의 과정에서 데이터를 입력해야합니다. 컨텐트 영역에 양식 마크 업을 포함하고 모달 옵션을 true로 설정하고 buttons 옵션을 사용하여 기본 및 보조 사용자 동작을 지정합니다.

+0

jQuery의 웹 사이트에 대한 링크를 게시하는 대신 OP의 질문에 답변하는 데 필요한 코드와 방법/이유에 대한 설명을 제공 할 수 있습니까? – aribeiro

관련 문제