Moo Skroll. Slideshow: A Javascript class for Mootools. If you are looking to download Slideshow, or for class documentation, please visit the open-source project at Google Code. If you are looking for the old version of Slideshow, it has been moved here. Support If you find this page helpful, why not donate? Because donations are voluntary, the act of making a small contribution has a big effect towards promoting future development and support. Examples By popular request, the following are some simplified examples of Slideshow usage: Demos Click below to view the various demos - perhaps the most impressive effect of all is simply viewing this page with javascript turned off. Slideshow 2! Colophon All photos were taken with a trusty Canon DigitalElph in New York, October 2007. Mootools demos - Accordion.
Lightbox, Slimbox, SmoothGallery, Fancy Menu ... Liste de 33 plu. Guillermo Rauch’s Blog » CSS+Javascript power. Fancy menu. Let me introduce you to Fancy Menu: When it comes to creating the navigation part of your Website, the first thing you might think of is an unordered list that you style as tabs. Lately, such navbars are everywhere, as many people believe they’ll make their site more Web 2.0-compatible. Personally, I just think they’re semantically better and accessible. In this article I’ll go through the creation of a custom navigation bar with some cute Javascript effects that will certainly impress your friends. Thanks to the great Mootools library, this beauty is contained in 1.5kb. Introduction Every time that I know I’m going to use Javascript to alter the behavior or look of something, I try to come up with a simple markup, and make sure it renders perfectly with Javascript turned off. For this menu, as we’ll be having a movable element that acts as the background, we should first make sure that just by using css, we can freely move it and that it won’t affect the display of the menu.
Mark it up. Effects » Clientside Examples & Tutorials » Clientside. Mootools, du renouveau dans le Javascript. Pourquoi une n-ième librairie Javascript ? Mootools est le digne successeur de Moo.FX, petite libraire de 3 Ko seulement (une plume comparé à la lourdeur, relative, de scriptaculous). C'est dans l'optique de légèreté que Mootools a été développée. Du code tout en finesse, fonctionnement rapide, intuitivité et surtout légèreté.
Ca sert à quoi ? Si vous avez déjà taté du Javascript, vous savez comment il peut être pénible de gérer certains cas, d'un navigateur à l'autre. Mootools converti tout en objet, avec des fonctions qui simplifieront la syntaxe. Par exemple, en javascript traditionnel, pour accéder à un DIV nommé "mydiv", la syntaxe est : var ma_variable = document.getElementById('mydiv); avec Mootools : var ma_variable = $('mydiv'); C'est non seulement plus court, mais aussi plus puissant. $('mydiv').setStyle('width','100px'); Pour plusieurs d'un coup : Quelques exemples Redimensionnement, clignotement Code : Opacité, Opacité ET hauteur Réorganisation de listes Autre chose ?
D'autres exemple. Mootools Javascript Tests.