MooTools is a compact, modular, Object-Oriented JavaScript framework designed for the intermediate to advanced JavaScript developer. It allows you to write powerful, flexible, and cross-browser code with its elegant, well documented, and coherent API.In this post, we’ll showcase some interesting Mootools examples and tutorials ready for use.
Sexy Animated Tabs Using MooTools
One modern, attractive way of placing a lot of content into a little space is by using a tab system. This tutorial will show you how to create a sexy, animated tab system complete with CSS sprites, cookies, and animated tab swapping.
Facebook-Style Modal Box Using MooTools
Sliding top panel using mootools
Adding Mootools effect to your pages you can make your site more attractive. Take a look at the Slide effect.This tutorial explains how to realize a simple sliding top panel (top/down) usingmootools, some line of css code and JavaScript. The result is something like this:
Animated Progress Bars Using MooTools: dwProgressBar
Sexy sliding JavaScript side bar menu using mootools
Twitter Emulation Using MooTools 1.2 and PHP
People all over the world love Twitter because of how easy it is to use. All you need to do is type in your current status, click "Update", and you're done. What most people probably don't know is how simple it is to emulate Twitter's functionality. Using PHP, MySQL, and MooTools javascript, you can implement a Twitter-like status system in no time.
News ticker with horizontal scrolling using Mootools
Beautiful Thumbnail Hover Effect : Using Mootools
Elegant glass style navigation bar using CSS and toggle animated effect
Navigation bar is an important element of website design: this is an example which uses a dynamic submenu to display sublinks of the main tabs. This tutorial illustrates how to design an elegant glass style navigation bar with a nice toggle animation effect, using CSS and MooTools. The result is something like this:
No comments:
Post a Comment