> 웹 프론트엔드 > JS 튜토리얼 > GreyBox 기술 요약(전송)_javascript 기술

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

WBOY
풀어 주다: 2016-05-16 18:15:39
원래의
1110명이 탐색했습니다.

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

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

(1) 웹페이지 열기:

(2) 사진 세트 표시:

기본 사용법

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

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

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

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

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

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

>
test.html



link href="greybox/gb_styles.css" rel="stylesheet" type="text/css" />
🎜 >
바이두
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿