En iyi 41 mooTools & Ajax Örneği

May 3rd, 2008 by sdtkmc Leave a reply »

tarafından derlenmiş harika örnekler

1. Photo Gallery

Photo Gallery
URL: http://www.hotajax.org/content/view/211/420/.
Description: A marvellous interactive Photo Gallery.
Demo:View Demo.

2. Noob Slide

Noob Slide
URL: http://www.outcut.de/.
Description: This is another image gallery slideshow, nicely done..
Demo:View Demo.

3. Simple 3D Carousel

Simple 3D Carousel
URL: http://www.hotajax.org/content/view/491/420/.
Description: A (not so) basic 3D Carousel.
Demo:View Demo.

4. Slider

Slider
URL: http://www.phatfusion.net/slider/.
Description: Horizontal or Vertical bar and slider.
Demo:View Demo.

5. Click to change the background

BG Change
URL: http://www.hotajax.org/content/view/468/420/.
Description: Dynamic color selector- colors swatch animate to pick and change the background.
Demo:View Demo.

6. Pamoorama

Pamoorama
URL: http://www.silverscripting.com….
Description: It show only part of your fullsize image, the image can then be scrolled by moving the mouse over it.
Demo:View Demo.

7. Tips

Tips
URL: http://www.hotajax.org/content/view/213/420/.
Description: A stylish tool tip demo.

8. Javascript Image Gallery

Javascript Image Gallery
URL: http://tutorialdog.com….
Description: A simple but very useable Image gallery.
Demo:View Demo.

9. Sample Nav Bar

Sample Nav Bar
URL: http://www.hotajax.org/content/view/212/420/.
Description: A stylish and easy to use nav bar.
Demo:View Demo.

10. Slidinglist

Slidinglist
URL: http://www.hotajax.org/content/view/210/420/.
Description: A tree-like sliding navigation system.
Demo:View Demo.

11.Multibox

Multibox
URL: http://www.phatfusion.net/multibox/.
Description: A lightbox that supports images, flash, video, mp3s, html.
Demo:View Demo.

12. Image Menu

Image Menu
URL: http://www.phatfusion.net/imagemenu/.
Description: A horizontal menu, reveals more of the image as you rollover it.
Demo:View Demo.

13. Window Growl

Window Growl
URL: http://icebeat.bitacoras.com….
Description: Tooltips with a difference.
Demo:View Demo.

14. ReMooz

Widget
URL: http://digitarald.de/playground/remooz.html.
Description: Simpliar and easier than SqueezeBox. Click on an image and the image will enlarge. Simple, the way I like it.
Demo:View Demo.

15. Accordions

Arcs from Digg Labs
URL: http://www.hotajax.org/content/view/98/420/.
Description: A stylish and smooth accordian style navigation.

16. Slideshow

Slideshow
URL: http://www.electricprism.com/aeron/slideshow/.
Description: This is by far and away the Photo Gallery with the most features. Very well done.
Demo:View Demo.

17. mooSlide ( lightbox replacement)

mooSlide
URL: http://www.artviper.net/test/ajaxslide/.
Description: The mooSlideBox v3 is a small and slim ajax based extension or replacement of the common “lightbox”. I really love this.
Demo:View Demo.

18. Page Loader

Page Loader
URL: http://www.phatfusion.net/pageloader/.
Description: You can load a div from one page into a div on this page.
Demo:View Demo.

19. Grow a Textarea

Grow a Textarea
URL: http://ejectmedia.net/examples/moo_textareas/.
Description: Just make a form, and this script will add the ability to resize each textarea.
Demo:View Demo.

20. JavaScript Time Picker

JavaScript Time Picker
URL: http://www.nogray.com/time_picker.php.
Description: The first ever Time Picker that utilize a very easy drag and drop interface.
Demo:View Demo.

21. Sexy sliding JavaScript side bar menu

Sexy sliding JavaScript side bar menu
URL: http://www.andrewsellick.com/….
Description: Smooth and yes, SEXY sidebar menu.
Demo:View Demo.

22. Slideshow

Slideshow
URL: http://www.phatfusion.net/slideshow/.
Description: A smooth transition between images.
Demo:View Demo.

23. Ajax login form (

Ajax login form
URL: http://joeabiraad.com….
Description: An easy to use login form.
Demo:View Demo.

24. FancyUpload

FancyUpload
URL: http://digitarald.de/project/fancyupload/.
Description: Swf meets Ajax for beautiful uploads.
Demo:View Demo.

25. Validate

Validate
URL: http://www.phatfusion.net/validate/.
Description: A simple form validation.
Demo:View Demo.

26. SortableTable

SortableTable
URL: http://www.phatfusion.net/sortabletable/.
Description: Sort and filter tables.
Demo:View Demo.

27. MooTabs – Tiny tab class for MooTools

MooTabs
URL: http://www.silverscripting.com/mootabs/.
Description: MooTabs is tiny(3kb), as the name suggests, it’s main purpose is to help out with the creation of simple tab navigation.
Demo:View Demo.

28. Sortable List Example

Sortable List Example
URL: http://techblog.billkrueger.com….
Description: A drag and Drop sortable list. Could be handy.
Demo:View Demo.

29. Calendar

Calendar
URL: http://www.electricprism.com/aeron/calendar/.
Description: Calendar is a Javascript class that adds accessible and unobtrusive date-pickers to your form elements.
Demo:View Demo.

30. Rounded Corners

Rounded Corners
URL: http://www.phatfusion.net/roundedcorners/.
Description: This creates rounded corners on divs.
Demo:View Demo.

31. Mediabox

URL: http://iaian7.com/webcode/Mediabox.
Description: Mediabox lets you open flash, video, and html content in a floating “lightbox” style window.

32. Mootools Mocha UI

URL: http://greghoustondesign.com/demos/mocha/.
Description: Mocha is a web applications user interface library built on the Mootools javascript framework. The Mocha GUI components are made with canvas tag graphics.

33. FormCheck

URL: http://moo.floor.ch/docs/files/formcheck-js.html.
Description: Performs different tests on forms and indicates errors.

34. mooRainbow

URL: http://moorainbow.woolly-sheep.net/.
Description: A color picker, built on the mooTools Framework.

35. Lightbox

URL: http://www.phatfusion.net/lightbox/.
Description: An inline image popup, overlays and fades out the current page.

36. SmoothGallery 2.0

URL: http://smoothgallery.jondesign.net/what/.
Description: This javascript gallery and slideshow system allows you to have simple and smooth (cross-fading…) image galleries, slideshows, showcases and other cool stuff on your website.

37. Popmenu

URL: http://www.hotajax.org/content/view/514/420/.
Description: A background image pops up, adding some livelyness to an otherwise dull menu.

38. MooMonth

URL: http://moomonth.com/.
Description: MooMonth is a full calendar application written in javascript.

39. MooWheel

URL: http://www.unwieldy.net/moowheel/.
Description: The purpose of this script is to provide a unique and elegant way to visualize data using Javascript and the canvas object. This type of visualization can be used to display connections between many different objects, be them people, places, things, or otherwise.

40. mooSocialize

URL: http://www.artviper.net/moosocialize.php.
Description: By clicking the mooSocialize button, a window will appear, which lets you choose your favorite network. Having a thumbnail of each service beside the link, it’s easy to see and find the one of your liking.

41. Reflection.js

URL: http://www.digitalia.be/software/reflectionjs-for-mootools.
Description: It allows to add instantaneous reflection effects to your images in modern browsers, in less than 3kb.

Bookmark and Share
Advertisement

Leave a Reply