GreyBox 기술 요약(전송)_javascript 기술

Thinkbox, Lightbox 등과 유사합니다. 고유한 모달 대화 상자에 페이지, 그림 또는 기타 콘텐츠를 표시하는 데 사용됩니다. 공식 웹사이트는 다음과 같습니다: http://orangoo.com/labs/GreyBox/

몇 가지 예를 살펴보겠습니다.

(1) 웹페이지 열기:

(2) 사진 세트 표시:

기본 사용법

(1) 공식 홈페이지에 접속 후 클릭하여 다운로드

(2) 압축을 푼다. (그 안에 있는 Installation.html에 사용법이 설명되어 있습니다. 매우 간단하고 한 눈에 이해할 수 있습니다. 단계만 적어 보겠습니다.)

(3) greybox 폴더를 웹 프로젝트의 루트 디렉터리에 복사합니다. 참고: 는 웹 루트 디렉터리와 다른 디렉터리에 있어야 합니다. 보조 디렉터리를 사용할 수 있나요? 이것이 내 프로젝트에 배포되는 방식입니다. :

　(그런데 교훈이 있습니다. 처음에는 js 폴더에 넣었습니다. 왜냐하면 제 js 스크립트가 모두 거기에 있고 jQuery도 거기에 있지만 사용할 수는 없기 때문입니다... 마지막으로, 루트디렉토리에 넣어두었으니 다운로드 후 사용하시면 됩니다.)

(4) 이제 테스트 페이지를 사용하여 테스트할 수 있습니다.

코드를 복사하세요. 코드는 다음과 같습니다.

>




link href="greybox/gb_styles.css" rel="stylesheet" type="text/css" />
🎜 >
바이두