8个最有用的MooTools开发插件

openkk 12年前
     MooTools是一个简洁,模块化,面向对象的JavaScript框架。它能够帮助你更快,更简单地编写可扩展和兼容性强的JavaScript代 码。 Mootools从Prototype.js中汲取了许多有益的设计理念,语法也和其极其类似。但它提供的功能要比Prototype.js多,整体设计也比Prototype.js要相对完善,功能更强大,比如增加了动画特效、拖放操作等。    <span style="font-family:Courier New;"><br /> </span>    <h2>1. CeraBox – An Alternative Light Box Built On Moo Tools </h2>    <p><a href="https://simg.open-open.com/show/e36442eae9981e9599dce32dbd1991f0.jpg" rel="lightbox"><img title="8 most useful mootools for developers" border="0" alt="8 most useful mootools for developers" src="https://simg.open-open.com/show/1bba30b7c199084955998e381f2eefcb.jpg" /></a></p>    <p>CeraBox is the alternative lightbox built on MooTools 1.3, CeraBox can display images, can group the images into different sets, video objects, swf files and it can fetch content via Ajax and it helps users to attach the title tags to images to show some extra information. The most handy feature of CeraBox is it can be set to a fixed size or it can resize itself according to the different sizes of items at the time of loading.<br /> <strong><a href="/misc/goto?guid=4958189426024304831" target="_new">Download</a></strong></p>    <h2>2. MooPlay – Customize HTML5 Video Player </h2>    <p><a href="https://simg.open-open.com/show/6dde715bad15afea3ff5b390e0965ec8.jpg" rel="lightbox"><img class="aligncenter size-full wp-image-1199" title="mooplay" alt="8 most useful mootools plugins for developers " src="https://simg.open-open.com/show/6dde715bad15afea3ff5b390e0965ec8.jpg" width="500" height="400" /></a></p>    <p>MooPlay enables users to customize their HTML5 video element with JavaScript controls, users can build and customize their own player with Moo Play. Users can customize video elements in several ways such as a play/pause button, rewind and fast forward, a load progress bar, an interactive play progress slider, full page display and many more.<br /> The most useful and great feature of MooPlay is that it enables users to integrate <strong>subtitles </strong>into the videos which work with Ajax requests and synchronize with the video (it has built in support for .srt and .sub formats)<br /> <strong><a href="/misc/goto?guid=4958189426781125849" target="_new">Download</a></strong></p>    <h2>3. Power Tools For Moo Tools </h2>    <p><a href="https://simg.open-open.com/show/9277a70a30b649ec322959f3ed163ef9.jpg" rel="lightbox"><img class="aligncenter size-full wp-image-1200" title="Power Tools" alt="8 most useful mootools plugins for developers " src="https://simg.open-open.com/show/9277a70a30b649ec322959f3ed163ef9.jpg" width="500" height="400" /></a></p>    <p>There are 20+ plugins available in power tools which are created by Christop Pojer( MooTools Core Developer). Users can see the demo and download them one by one.<br /> The plugins includes mouse, click, touch, swipe, click replacements for mobile browsers, auto grow for forms, history supports for Ajax apps and many more. Every plugins comes with documentation and can easily downloadable along with demos.<br /> <strong><a href="/misc/goto?guid=4958189427524252276" target="_new">Download</a></strong></p>    <h2>4. Gradually – Image Slider </h2>    <p><a href="https://simg.open-open.com/show/4cd4ff2e7a47cdd4944a487bd35cb6e1.jpg" rel="lightbox"><img class="aligncenter size-full wp-image-1201" title="Gradually" alt="8 most useful mootools plugins for developers " src="https://simg.open-open.com/show/4cd4ff2e7a47cdd4944a487bd35cb6e1.jpg" width="500" height="400" /></a></p>    <p>Gradually is a simple image slider which displays the images in an effective manner along with the informative text for each image. Gradually offers API, a slide show, and thumbnail gallery using Image Drawer. Along with the images height width and informative text, time interval for the pictures can also be set.<br /> <strong><a href="/misc/goto?guid=4958189428275611086" target="_new">Download</a></strong></p>    <h2>5. Scroll Gallery </h2>    <p><a href="https://simg.open-open.com/show/8c9f3bf0a01a6030d26f20ef9c17e16a.jpg" rel="lightbox"><img class="aligncenter size-full wp-image-1202" title="Scroll gallery" alt="8 most useful mootools plugins for developers " src="https://simg.open-open.com/show/8c9f3bf0a01a6030d26f20ef9c17e16a.jpg" width="500" height="400" /></a><br /> Scroll Gallery is beautiful and easy to use free JavaScript gallery with Mootools. The gallery enables users to scroll the pictures horizontally. Currently this plugin only works with images in landscape mode. If users want it to use as in portrait mode, users need to use a landscape PNG with transparent background. Scroll gallery now comes with <a href="/misc/goto?guid=4958189429014607451" target="_new">WordPress</a> plugins as well. One more striking feature is added to scroll gallery is users can set the auto scroll true and thumbs with scroll automatically.<br /> <strong><a href="/misc/goto?guid=4958189429759942514" target="_new">Download</a>/ <a href="/misc/goto?guid=4958189430501376669" target="_new">Demo</a></strong></p>    <h2>6. Nivoo Slider – Image Gallery Transition Effects </h2>    <p><a href="https://simg.open-open.com/show/2645451b1ef64177882a31541d714fad.jpg" rel="lightbox"><img class="aligncenter size-full wp-image-1203" title="Nivoo Slider" alt="8 most useful mootools plugin for developers " src="https://simg.open-open.com/show/2645451b1ef64177882a31541d714fad.jpg" width="500" height="400" /></a></p>    <p>Nivoo slider is an image gallery running on Mootools based on Jquery Plugin, it features over 18 different transition effects. Generally it can be helpful for users to create awesome image galleries with 18 different transaction effects. It has several features which enable user to control the speed of animation (time in ms of the transition), autoplay, CSS class, pause on hover, slices and many more, different effects (fade, fold, random) and many more.<br /> <strong><a href="/misc/goto?guid=4958189431252295627" target="_new">Download</a></strong></p>    <h2>7. Louper </h2>    <p><a href="https://simg.open-open.com/show/309411d09369be08089beee9865d9113.jpg" rel="lightbox"><img class="aligncenter size-full wp-image-1204" title="Louper" alt="8 most useful mootools plugins for developers " src="https://simg.open-open.com/show/309411d09369be08089beee9865d9113.jpg" width="500" height="600" /></a></p>    <p>Lopuer is simple and nice image zoom class which use real loupe for zooming in any image or picture.<br /> <strong><a href="/misc/goto?guid=4958189432000283807" target="_new">Download</a></strong></p>    <h2>8. CkEditor – MooTools Adapter</h2>    <p><a href="https://simg.open-open.com/show/1e89bbfd8d82d13b296361e3d97b4234.jpg" rel="lightbox"><img class="aligncenter size-full wp-image-1205" title="CKEditor" alt="8 most useful mootools plugins for developers " src="https://simg.open-open.com/show/1e89bbfd8d82d13b296361e3d97b4234.jpg" width="500" height="400" /></a></p>    <p>CKEditor MooTools adapter provides easy use of basic CKEditor functions and access to internal API. It also integrates some aspects of CKEditor with MooTools Framework. Every element can be converted to working editor. Plugin exposes some of editor’s even to MooTools event system.<br /> <strong><a href="/misc/goto?guid=4958189432748974696" target="_new">Download</a></strong></p>