> 웹 프론트엔드 > JS 튜토리얼 > MooTools 1.2 소개_MooTools

MooTools 1.2 소개_MooTools

WBOY
풀어 주다: 2016-05-16 18:46:43
원래의
971명이 탐색했습니다.

MooTools 1.2 JavaScript 라이브러리 소개
MooTools 1.2는 웹에서 대화형 JavaScript 개발을 쉽게 하기 위해 특별히 설계된 강력하고 가벼운 JavaScript 라이브러리입니다. 어떤 면에서는 MooTools를 CSS의 확장이라고 생각할 수 있습니다. 예를 들어 CSS를 사용하면 항목 위로 마우스를 가져가면 항목을 변경할 수 있습니다. JavaScript를 사용하면 더 많은 이벤트(클릭 이벤트, 마우스오버 이벤트, 키보드 이벤트...)를 터치할 수 있으며 MooTools를 사용하면 이를 매우 쉽게 수행할 수 있습니다.
또한 MooTools에는 요소의 속성을 변경할 수 있을 뿐만 아니라 "모프"(변형) 또는 "트윈"(트윈 애니메이션) 속성을 가질 수 있게 해주는 매우 다양한 확장 기능도 있습니다. , 내 탐색 메뉴에 표시되는 것과 같은 애니메이션 효과를 만들 수 있는 기능을 제공합니다(Fdream 참고: 원저작자, 내 홈페이지에도 있음).
이것은 단지 예일 뿐이며 MooTools를 사용하면 더 많은 작업을 수행할 수 있습니다. 앞으로 30일 동안 우리는 MooTools 라이브러리를 자세히 살펴보고 배열, 함수부터 Fx.Slide 및 기타 번들 플러그인까지 모든 것을 탐색할 것입니다.
MooTools 1.2 참조
먼저 MooTools 1.2 핵심 라이브러리를 다운로드하여 참조하세요.
MooTools 1.2 핵심 라이브러리 다운로드
MooTools 1.2 핵심 라이브러리를 서버 또는 작업공간에 업로드
HTML 문서의 head 태그 내에 MooTools 1.2 핵심 라이브러리 연결
참조 코드:

코드 복사 코드는 다음과 같습니다.



(Fdream 참고: MooTools 1.2를 다운로드한 후 기본 접미사는 ​​".txt"입니다. , 접미사를 ".js"로 변경하세요.)
Head 태그 안에 스크립트 태그 추가
이제 페이지에 MooTools를 적용했으므로 코드를 작성할 공간이 필요합니다. 여기에는 두 가지 옵션이 있습니다.
1. head 태그 안에 다음 코드를 작성하고, script 태그 안에 코드를 작성합니다.
참조 코드:
복사 code 코드는 다음과 같습니다.

인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿