자 바스 크 립 트 팝 업 창 23 개 필터 정리
7306 단어 Javascript팝 업 창
Lightview 는 Prototype 과 Script.aculo.us 를 기반 으로 개발 되 어 전체 페이지 를 덮어 쓸 수 있 는 모드 대화 상 자 를 만 드 는 데 사 용 됩 니 다.전 시 된 내용 은 그림,문자,홈 페이지,Ajax 를 통 해 호출 된 내용 일 뿐만 아니 라 퀵 타임/플래시 영화 도 멋 진 효과 로 보 여줄 수 있다.
2. ThickBox ( 프레젠테이션 주소 )
ThickBox 는 모드 대화 상자 UI 컨트롤 입 니 다.jQuery 개발 을 바탕 으로 한 장 또는 여러 장의 그림,내 장 된 내용,iframed 의 내용 을 보 여주 거나 Ajax 를 통 해 얻 은 내용 을 보 여줄 수 있 습 니 다.
3. Fonshen JS Window ( 프레젠테이션 주소 )
바람 소리 JS 창 은 WEB 팝 업 창 과 대화 상 자 를 모 의 하 는 방안 을 제공 합 니 다.프로그램 은 자 바스 크 립 트/XHTML/CSS기준 을 바탕 으로 이 루어 집 니 다.자유도 가 높 은 창 스타일 맞 춤 형 지원;대화 에 있어 서 아 날로 그 단추 프로 그래 밍 모델 을 제공 하여 아 날로 그 대화 상 자 를 잘 만 들 수 있 습 니 다.또한 인 터 페 이 스 는 자바 script 내 장 된 대상 window 의 일부 방법(예 를 들 어 window.open,window.alert,window.confirm)을 참고 하여 간결 하고 편리 합 니 다.
4. ymPrompt
웹 개발 에 서 는 브 라 우 저의 기본 메시지 알림 상자(예 를 들 어 alert,confirm 등)의 외관 을 제어 할 수 없습니다.더 좋 은 인터페이스 효 과 를 실현 하기 위해 아 날로 그 시스템 의 메시지 알림 상자 가 이 구성 요 소 를 실현 합 니 다.외관상 css 를 통 해 완전한 제 어 를 할 수 있다.호출 방식 이 간단 합 니 다.ymPrompt.alert()방식 으로 직접 호출 하고 해당 하 는 매개 변 수 를 입력 하면 됩 니 다.네 가지 메시지 유형 을 제공 합 니 다.메시지 알림,성공 정보,오류 정보,문의 정보 로 나 뉜 다.
5. Modalbox
ModalBox 는 웹 2.0 스타일 의 모드 대화 상 자 를 만 드 는 데 사 용 됩 니 다.Prototype script.aculo.us 프레임 워 크 를 기반 으로 개발 되 었 으 며,Mac OSX 와 유사 한 모델 대화 상자 입 니 다.내용 은 Ajax 를 통 해 불 러 오 거나 일반적인 HTML 페이지 를 불 러 올 수 있 습 니 다.
6. SliderWindow
SliderWindow 는 YUI 개발 메 시 지 를 기반 으로 미끄럼 창 을 알 립 니 다.
7. MOOdalBox ( 프레젠테이션 주소 )
MOOdalBox 는 Mootools 프레임 워 크 를 바탕 으로 개발 한 웹 2.0 모델 대화 이다.Ajax 를 이용 하여 원 격 콘 텐 츠 를 불 러 와 보 여 줍 니 다.
8. jqWindowsEngine
이 jQuery 플러그 인 은 Ajax Windows 를 쉽게 만 드 는 데 도움 을 줄 수 있 습 니 다.
9. jQuery Alert Dialogs ( 프레젠테이션 주소 )
이 jQuery 플러그 인 은 JavaScript 가 제공 하 는 alert(),confirm(),prompt()기능 을 교체 할 수 있 습 니 다.CSS 사용자 정의 대화 상자 모양 을 지원 합 니 다.
10. JQuery Float Dialog
JQuery Float Dialog 는 유동 모드 대화 상자 로,매개 변수 로 대화 상자 팝 업 속도,전체 화면 배경,팝 업 이벤트,팝 업 방향 등 을 제어 할 수 있 습 니 다.
11. Facebook-Style Modal Box
Mootools 를 이용 하여 개발 한 페 이 스 북 스타일 모드 대화 상자
12. Facebox ( 프레젠테이션 주소 )
Facebox 는 Mootools 프레임 워 크 로 구현 되 며 페 이 스 북 스타일 의 모드 대화 상자 입 니 다.이미지,플래시,html 등 을 보 여 줍 니 다.jQuery 로 이 루어 진 또 다른 페 이 스 박스 와 비슷 하 다.
13. jmpopups ( 프레젠테이션 주소 )
jmpopups 는 여러 모드 대화 상 자 를 동시에 열 수 있 는 jQuery 플러그 인 입 니 다.팝 업 창의 내용 은 현재 페이지 에서 가 져 올 수도 있 고,Ajax 를 이용 해 가 져 올 수도 있 습 니 다.jmpopups 호 환 대부분의 브 라 우 저 는 IE6,FF 1.5,Opera 9.*,Chrome 2.*,Safari 4.*를 포함한다.
14. dhtmlxWindows
dhtmlxWindows 는 JavaScript 대화 상자 Window 컨트롤 입 니 다.windows 는 닫 히 고 최대 화/최소 화,크기 조정,꼭대기,드래그 앤 드 롭 등 이 가능 합 니 다.
15. Custom JavaScript Dialog Boxes
자바 스 크 립 트 모드 대화 상자 구성 요 소 를 사용자 정의 하 는 경량급(4.5kb 정도)
16. Control.Popup ( 프레젠테이션 주소 )
팝 업 창 컨트롤.
17. weebox
weebox 는 jquery 기반 팝 업 창 플러그 인 입 니 다.다음 과 같은 특성 을 가지 고 있 습 니 다:
다 중 창 지원
.ID 팝 업 창 과 같은 단일 팝 업 창 을 두 번 째 로 열 때 이전 창 이 자동 으로 닫 히 는 것 을 지원 합 니 다.boxid 옵션 을 참고 하 십시오.
사용자 정의 스타일 지원,box class 옵션 참조
.IE 에서 SELECT 문 제 를 해결 하고 bgarame 기능 을 사 용 했 습 니 다.
드래그 효 과 를 지원 합 니 다.draggable 설정 을 통 해 draggable 옵션 을 참고 하 십시오.
.콘 텐 츠 원본 지원 방식 Ajax,Selector(jQuery 의),Text(직접 내용)
다양한 팝 업 창 형식 지원,type 옵션 참조
.자동 닫 기 지원,timeout 옵션 참조
.차단 효과 지원(modal 창),modal 옵션 참조
.서로 다른 디 스 플레이 위치,중간 또는 특정한 요 소 를 참고 물 로 하고 position 옵션 을 참고 합 니 다.
.팝 업 창 열기 전(onopen),점 확인(onok),점 취소(oncancel),창 닫 기(onclose)등의 리 셋 함수 지원
.열 린 후 제목(setTitle),내용(setContent),단추 등 을 다시 설정 하 는 방법 을 지원 합 니 다.
.팝 업 창 에서 만 요 소 를 찾 는 방법 을 지원 합 니 다:find(selector)
.열 고 닫 을 때 애니메이션 효 과 를 지원 합 니 다.animate,show Animate,hideAnimate 옵션 을 참고 하 십시오.
18. jQuery Impromptu
모드 대화 상 자 를 만 들 고 대화 상 자 를 확인 하 며 내용 대화 상 자 를 입력 하 는 jQuery 플러그 인 입 니 다.
19. Boxy
Boxy 는 jQuery 플러그 인 으로 페 이 스 북 스타일 의 웹 2.0 모드 대화 상 자 를 만 드 는 데 사 용 됩 니 다.
20. DHTML window with tab support ( 프레젠테이션 주소 )
Tab 지원 DHTML Window 컨트롤 이 있 습 니 다.쿠키 를 사용 합 니 다.
21. mooMessagebox
Mootools 로 개발 한 사용자 정의 Window 창 을 유연 하 게 설정 할 수 있 습 니 다.
22. NyroModal
jQuery 개발 을 기반 으로 매우 유연 하고 맞 춤 형 외관/애니메이션 효 과 를 가 진 모델 대화 상자Ajax 를 통 해 대상 내용 을 호출 하고 대화 상자 크기 등 을 변경 할 수 있 습 니 다.
23. SimpleModal
Simple Modal 은 경량급 jQuery 플러그 인 으로 모드 대화 상 자 를 만 들 기 위 한 간단 한 인 터 페 이 스 를 제공 합 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Javascript에서 Math.max와 Math.max.apply의 차이점과 용법 상세 설명최근에 작은 사례를 만들 때 Math를 만났어요.max.apply라는 용법은 이전에 보기 드물게 재미있게 느껴졌으니 기록해 보세요. 1Math.max 문법:Math.max(n1,n2,n3,...,nX)반환값:max(...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.