MooTools 1.2 Introduction_Mootools-JS Tutorial-php.cn

MooTools 1.2 Introduction_Mootools

WBOY

Release： 2016-05-16 18:46:43

Original

970 people have browsed it

MooTools 1.2 JavaScript library introduction
MooTools 1.2 is a powerful lightweight JavaScript library, specially designed to ease interactive JavaScript development in the Web. In a way, you can think of MooTools as an extension of CSS. For example, CSS allows you to change things when you mouse over them. JavaScript allows you to touch more events (click events, mouseover events, keyboard events...), and MooTools makes it very easy.
In addition, MooTools also has a variety of very good extensions that allow you not only to change the properties of an element, but also allow you to have "morph" (deformation) or "tween" (tween animation) properties. , giving you the ability to create animated effects like the ones you see on my navigation menu (Fdream note: from the original author, also on my homepage).
This is just an example, MooTools allows you to do more. Over the next 30 days, we'll dive into the MooTools library, exploring everything from Arrays and Functions to Fx.Slide, and other bundled plugins.
Reference MooTools 1.2
First, download and reference the MooTools 1.2 core library.
Download the MooTools 1.2 core library
Upload the MooTools 1.2 core library to your server or workspace
Link the MooTools 1.2 core library within the head tag of your HTML document
Reference code:

Copy code The code is as follows:

(Fdream Note: After MooTools 1.2 is downloaded, the default suffix is ".txt" , please change the suffix to ".js".)
Add Script tag inside the Head tag
Now that you have applied MooTools to your page, you still need a place to write your code . There are two options here:
1. Write the following code within your head tag, and your code within the script tag:
Reference code:

Copy code The code is as follows:

2. Create a JavaScript file externally, and then link this file at the head of the page:
Reference code:

Copy code The code is as follows: