Someone recently asked us to write a 30-day tutorial on MooTools1.2, which seems to be a good idea, so we decided to start now. In these tutorials, we assume that you do not have any experience in MooTools or JavaScript, but have at least basic HTML and CSS knowledge. Introduction to MooTools 1.2 JavaScript Library
MooTools 1.2 is a powerful lightweight JavaScript library designed to reduce interactive JavaScript development on the Web. To some extent, you can think that MooTools is an extension of CSS. For example, CSS allows you to change when you move the mouse up. JavaScript allows you to access more time (Click Event, mouse hover event, keyboard event ......), MooTools makes it easy.
In addition, MooTools also has a variety of very good extensions that allow you not only to change the attributes of an element, but also to have "morph" (deformation) or the "tween" attribute allows you to create animation effects, just as you can see on my navigation menu (Fdream Note: Original Author's, my homepage is also available ).
This is just an example. MooTools allows you to do more things. In the next 30 days, we will go deep into the MooTools library and explore everything from arrays and functions to Fx. Slide and other bundled plug-ins.
Reference MooTools 1.2
First, download and reference the core library of MooTools 1.2.
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 mark of your HTML document
Reference code:
The Code is as follows: