Los mejores 41 ejemplos del uso de la librerí­a Mootools Ajax

Con Mootools podemos hacer cantidad de cosas, aquí­ os dejo enlaces a 41 ejemplos y aquí­ una ayuda para los no iniciados Primeros pasos con MooTools:

1. Photo Gallery

URL: http://www.hotajax.org/content/view/211/420/.

Descripción: Una galerí­a fotográfica interactiva.

Demo.

2. Noob Slide

URL: http://www.outcut.de/.

Descripción: Pase de diapos

Demo.

3. Simple 3D Carousel

URL: http://www.hotajax.org/content/view/491/420/.

Descripción: Carrousel 3D

Demo.

4. Slider

URL: http://www.phatfusion.net/slider/.

Descripción: Horizontal o Vertical barras y slider.

Demo.

5. Click to change the background

URL: http://www.hotajax.org/content/view/468/420/.

Descripción: Selector de color dinámico

Demo.

6. Pamoorama

URL: http://www.silverscripting.com.

Descripción: Sólo muestra una parte de tu imagen, con el ratón se hace scroll sobre ella.

Demo.

7. Tips

URL: http://www.hotajax.org/content/view/213/420/.

Descripción: Para mostrar Tool Tips.

8. Javascript Image Gallery

URL: http://tutorialdog.com.

Descripción: Galerí­a fotográfica.

Demo.

9. Sample Nav Bar

URL: http://www.hotajax.org/content/view/212/420/.

Descripción: Barra de navegación

Demo.

10. Slidinglist

URL: http://www.hotajax.org/content/view/210/420/.

Descripción: Navegación estilo árbol

Demo.

11.Multibox

URL: http://www.phatfusion.net/multibox/.

Descripción: Una lightbox que soporta imágenes, flash, video, mp3s, html.

Demo.

12. Image Menu

URL: http://www.phatfusion.net/imagemenu/.

Descripción: Un menú horizontal, muestra más imágenes cuando haces rollover.

Demo.

13. Window Growl

URL: http://www.hotajax.org.

Descripción: Tooltips.

Demo.

14. ReMooz

URL: http://digitarald.de/playground/remooz.html.

Descripción: Más sencillo que SqueezeBox. Haces clic sobre la imagen para ampliarla.

Demo.

15. Accordions

URL: http://www.hotajax.org/content/view/98/420/.

Descripción: Navegación estilo acordéon.

16. Slideshow

URL: http://www.electricprism.com/aeron/slideshow/.

Descripción: La galerí­a de imágenes más completa.

Demo.

17. mooSlide ( lightbox replacement)

URL: http://www.artviper.net/test/ajaxslide/.

Descripción: mooSlideBox v3 reemplaza al conocido»lightbox».

Demo.

18. Page Loader

URL: http://www.phatfusion.net/pageloader/.

Descripción: Para cargar un div de una página a otra.

Demo.

19. Grow a Textarea

URL: http://ejectmedia.net/examples/moo_textareas/.

Descripción: Creas un formulario y los textarea se escalarán.

Demo.

20. JavaScript Time Picker

URL: http://www.nogray.com/time_picker.php.

Descripción: Time Picker con una interfaz drag&drop.

Demo.

21. Sexy sliding JavaScript side bar menu

URL: http://www.andrewsellick.com/.

Descripción: SEXY sidebar menu.

Demo.

22. Slideshow

URL: http://www.phatfusion.net/slideshow/.

Descripción: Suaves transiciones entre imágenes.

Demo.

23. Ajax login form

URL: http://joeabiraad.com.

Descripción: Login form.

Demo.

24. FancyUpload

URL: http://digitarald.de/project/fancyupload/.

Descripción: Para carga de archivos.

Demo.

25. Validate

URL: http://www.phatfusion.net/validate/.

Descripción: Un simple formulario de validación.

Demo.

26. SortableTable

URL: http://www.phatfusion.net/sortabletable/.

Descripción: Para ordenar y filtrar tablas.

Demo.

27. MooTabs – Tiny tab class for MooTools

URL: http://www.silverscripting.com/mootabs/.

Descripción: MooTabs (3kb) para crear menús de navegación por pestañas..

Demo.

28. Sortable List Example

URL: http://techblog.billkrueger.com.

Descripción: Una drag and Drop lista.

Demo.

29. Calendar

URL: http://www.electricprism.com/aeron/calendar/.

Descripción: Calendario

Demo.

30. Rounded Corners

URL: http://www.phatfusion.net/roundedcorners/.

Descripción: Crea esquinas redondeadeas a divs.

Demo.

31. Mediabox

URL: http://iaian7.com/webcode/Mediabox.

Descripción: Mediabox abre flash, video, y html content en una flotante ventana del estilo «lightbox».

32. Mootools Mocha UI

URL: http://greghoustondesign.com/demos/mocha/.

33. FormCheck

URL: http://moo.floor.ch/docs/files/formcheck-js.html.

Descripción: Ejecuta tests en formularios e indica errores.

34. mooRainbow

URL: http://moorainbow.woolly-sheep.net/.

Descripción: Selector de color

35. Lightbox

URL: http://www.phatfusion.net/lightbox/.

Descripción: Muy conocida y usada, un popup inline que oscurece el fondo.

36. SmoothGallery 2.0

URL: http://smoothgallery.jondesign.net/what/.

Descripción: Galerí­a

37. Popmenu

URL: http://www.hotajax.org/content/view/514/420/.

Descripción: Una imagen de fondo salta en el menú.

38. MooMonth

URL: http://moomonth.com/.

Descripción: Calendario

39. MooWheel

URL: http://www.unwieldy.net/moowheel/.

Descripción: Mejora el diseño cuando se muestran datos.

40. mooSocialize

URL: http://www.artviper.net/moosocialize.php.

Descripción: Al hacer clic en el botón aparecen las redes y agregadores sociales.

41. Reflection.js

URL: http://www.digitalia.be/software/reflectionjs-for-mootools.

Descripción: Pesa 3kb y añade el efecto reflejo a las imágenes.

MooTools no es la única, estas son las 10 mejores frameworks, librerí­as de Javascripts:

script.aculo.us (http://script.aculo.us/)

Prototype (http://www.prototypejs.org/)

Moo Tools (http://www.mootools.net/)

jQuery (http://jquery.com/)

MochiKit (http://www.mochikit.com/)

Rialto (http://rialto.improve-technologies.com/wiki/)

Dojo Toolkit (http://dojotoolkit.org)

Spry Framework (http://labs.adobe.com/technologies/spry/)

ASP.NET Ajax Framework (http://asp.net/ajax/)

Cean Ajax Framework (http://sourceforge.net/projects/clean-ajax/)

Ví­a: 41 of the Best MooTools Ajax Example Downloads | Speckyboy – WordPress and Design:

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

  1. estoy buscando un ajar para un frame igual al que tiene esta web entre a mi web y digame donde puedo encontrar un ajax que me remplaze el marco que tengo puesto donde esta le plugin de la radio