1、MultiBox

一個(gè)lightbox支持的內(nèi)容格式包括：圖片，F(xiàn)lash，視頻，mp3，html。

主頁:http://www.phatfusion.net/multibox/

下載:http://www.phatfusion.net/multibox/multibox.zip

示例:http://www.phatfusion.net/multibox/

2、ImageMenu

一個(gè)圖片展示控件。當(dāng)鼠標(biāo)移到某一張圖片時(shí)將展開整張圖片。

主頁:http://www.phatfusion.net/imagemenu/

下載:http://www.phatfusion.net/imagemenu/imagemenu.zip

示例:http://www.phatfusion.net/imagemenu/

3、Imago

一個(gè)基于Mootools框架開發(fā)的Ajax Image Gallery 。

主頁:http://imago.codeboje.de/

下載:http://codeboje.de/downloads/imago_v07.zip

示例:http://codeboje.de/imago/samplegallery/

4、MooFlow

MooFlow是一個(gè)Javascript相冊，樣式類似于蘋果的iTunes和Finder中的Cover Flow。

主頁:http://www.outcut.de/MooFlow/

下載:http://www.outcut.de/MooFlow/Download.html

示例:http://www.outcut.de/MooFlow/example-ajax.html

5、Pamoorama

如果一張圖片比較大，它只會(huì)顯示整張圖片的一部分。當(dāng)鼠標(biāo)在縮略圖上某一范圍移動(dòng)時(shí)，能夠?qū)⑦@一范圍內(nèi)的大圖片顯示出來。

主頁:http://www.silverscripting.com/pamoorama/index.php

下載:http://www.silverscripting.com/pamoorama/pamoorama0.3.js

示例:http://www.silverscripting.com/pamoorama/sample1.html

6、mooSlideBox 

MooSlideBox是一款基于ajax的小巧幻燈片特效工具，不同于其它LightBox，mooSlideBox采用底部彈出+碰撞+拖拽的效果。

主頁:http://www.artviper.net/test/ajaxslide/

下載:http://www.artviper.net/test/mooSlide2/mooSlide2.rar

示例:http://www.artviper.net/test/mooSlide2/index.html

7、phatfusion Lightbox 

這個(gè)Lightbox控件基于Mootools開發(fā)，它在頁角上增加了向前/后退兩按紐并能夠用html來編寫描述說明。

主頁:http://www.phatfusion.net/lightbox/

下載:http://www.phatfusion.net/lightbox/lightbox.zip

示例:http://www.phatfusion.net/lightbox/

8、iCarousel

iCarousel是一個(gè)開源的javascript工具用于創(chuàng)建旋轉(zhuǎn)/輪播效果的控件。

主頁:http://zendold.lojcomm.com.br/icarousel/

下載:http://zendold.lojcomm.com.br/icarousel/

示例:http://zendold.lojcomm.com.br/icarousel/

9、Slideshow 2!

Slideshow2!這個(gè)javascript工具能夠以幻燈片播放的效果展示一組圖片。

主頁:http://www.electricprism.com/aeron/slideshow/

下載:http://code.google.com/p/slideshow

示例:http://www.electricprism.com/aeron/slideshow/example1.html

10、NoobSlide

NoobSlide是一個(gè)基于mootools開發(fā)的圖庫控件，提供7種不同的圖片播放方式。

主頁:http://www.efectorelativo.net/laboratory/noobSlide/

下載:http://www.efectorelativo.net/laboratory/noobSlide/class.noobSlide.js_[mootools_1.2].zip

示例:http://www.efectorelativo.net/laboratory/noobSlide/

11、Slimbox

Slimbox是模仿Lightbox2，基于Mootools開發(fā)的Lightbox控件。只有6kb大小，比起Lightbox2更加便于使用。

主頁:http://www.digitalia.be/software/slimbox

下載:http://www.digitalia.be/software/slimbox

示例:http://www.digitalia.be/software/slimbox

12、E2 Photo Gallery 

基于Mootools JavaScript框架開發(fā)的開源相冊控件。

主頁:http://www.e2interactive.com/e2_photo_gallery/download.php

下載:http://www.e2interactive.com/e2_photo_gallery/e2_photo_gallery_full.zip

示例:http://www.e2interactive.com/e2_photo_gallery/demo.php

13、SmoothGallery

SmoothGallery是一個(gè)基于mootools開發(fā)具有幻燈片放映效果的JS相冊控件。

主頁:http://smoothgallery.jondesign.net/showcase/gallery/

下載:http://smoothgallery.jondesign.net/download/

示例:http://smoothgallery.jondesign.net/showcase/gallery/

14、Slideshow with Mootools 

采用Mootools開發(fā)的圖片Slideshow控件。提供淡入淡出圖片切換效果，控制圖片播放、停止、向前、向后。

主頁:http://www.phatfusion.net/slideshow/index.htm

下載:http://www.phatfusion.net/slideshow/slideshow.zip

示例:http://www.phatfusion.net/slideshow/index.htm

15、Milkbox

Milkbox基于Mootools1.2框架開發(fā)的Lightbox控件。

主頁:http://reghellin.com/milkbox/

下載:http://www.reghellin.com/milkbox/milkbox2.2.1.zip

示例:http://reghellin.com/milkbox/#

16、UvumiTools Gallery 

采用Mootools框架開發(fā)的相冊圖片展示插件。圖片加載進(jìn)度提醒，能夠按圖片大小自動(dòng)調(diào)整展示窗口大小，搜索引擎優(yōu)化，多瀏覽器支持（ Firefox2&3、Internet Explorer6&7、Opera 9、Safari 3）。

主頁:http://tools.uvumi.com/gallery.html

下載:http://tools.uvumi.com/download.php

示例:http://tools.uvumi.com/gallery.html

17、Moo.flection 

利用Moo.flection能夠?yàn)閳D片添加透明倒影效果。

主頁:http://www.setragasj.nl/mooflection/

下載:http://www.setragasj.nl/mooflection/js/moo.flection.js

示例:http://www.setragasj.nl/mooflection/

18、Image Gallery Mootools 

采用Mootools框架開發(fā)的Javascript Image Gallery。

主頁:http://tutorialdog.com/javascript-image-gallery-using-mootools/

下載:http://tutorialdog.com/wp-content/uploads/2008/01/imagegallery.zip

示例:http://tutorialdog.com/javascript-image-gallery-using-mootools/

19、BarackSlideshow

采用MooTools1.2開發(fā)，幻燈片效果展示圖片的JScript程序。

主頁:http://devthought.com/barackslideshow-an-elegant-lightweight-slideshow-script/

下載:http://devthought.com/wp-content/moogets/BarackSlideshow/BarackSlideshow-0.2.zip

示例:http://devthought.com/wp-content/moogets/BarackSlideshow/demo.html

20、SlideItMoo

SlideItMoo是一個(gè)采用Mootools開發(fā)的image slider控件。

主頁:http://www.php-help.ro/mootools-12-javascript-examples/mootools-12-image-slider-slideitmoo/

下載:http://www.php-help.ro/wp-content/uploads/2008/11/slideitmoo_image_slider.zip

示例:http://www.php-help.ro/examples/mootools_rotator/

21、QuickBox

QuickBox是一個(gè)基于Mootools1.2版本開發(fā)的Lightbox控件。與其它Lightbox控件相比，它最大不同之處在于可以利用鼠標(biāo)滾輪控制圖片切換。

主頁:http://www.andrewplummer.com/code/quickbox/

下載:http://www.andrewplummer.com/code/download/quickbox/

示例:http://www.andrewplummer.com/code/quickbox/

22、BySlideMenu

BySlideMenu是一個(gè)Mootools插件，能夠讓你在任何元素上（ul/li、div、p）輕松創(chuàng)建漂亮的折疊菜單（accordion menu/sliding menu）。支持水平與垂直方向。菜單容器的長/寬能夠自動(dòng)調(diào)整?？梢酝ㄟ^鼠標(biāo)移過或單擊展開/固定菜單，隨你設(shè)置。可以設(shè)置菜單默認(rèn)展開位置。支持Overflow。

主頁:http://www.byscripts.info/mootools/byslidemenu

下載:http://www.byscripts.info/mootools/download/byslidemenu/1.1

示例:http://www.byscripts.info/mootools/byslidemenu

23、MooTooltips

MooTooltips是一個(gè)采用MooTools開發(fā)的Tooltip控件。擁有漂亮的氣泡外框，支持從Ajax，頁面HTML獲取需要顯示的內(nèi)容。

主頁:http://www.php-help.ro/mootools-12-javascript-examples/mootooltips-easy-to-make-good-looking-tooltips/

下載:http://www.php-help.ro/wp-content/uploads/2009/03/mootooltips.zip

示例:http://www.php-help.ro/examples/mootooltips-javascript-tooltips/

24、ImageZoom

ImageZoom是一個(gè)基于Mootools開發(fā)的LightBox大圖片展示工具，特別適合于在相冊中使用。與其它LightBox控件相比它的不同之處在于：展開的圖片可以四周拖動(dòng)?？梢酝瑫r(shí)打開多張圖片。更便于用戶找到導(dǎo)航按紐。

主頁:http://www.bertramakers.com/moolabs/imagezoom.php

下載:http://www.bertramakers.com/moolabs/imagezoom/ImageZoom-1.2.zip

示例:http://www.bertramakers.com/moolabs/imagezoom.php

25、ByCropper

ByCropper是一個(gè)采用Mootools1.2開發(fā)的圖片裁剪工具。它能夠裁剪后的圖片尺寸信息設(shè)置到相應(yīng)的HTML表單中。可以設(shè)置裁剪比例，默認(rèn)裁剪尺寸，最大和最小裁剪尺寸，被裁剪掉區(qū)域的顏色和透明度。

主頁:http://www.byscripts.info/scripts/javascript-dynamic-image-cropper

下載:http://www.byscripts.info/mootools/download/bycropper/0.9

示例:http://www.byscripts.info/scripts/javascript-dynamic-image-cropper

26、Viewer

Viewer是一個(gè)利用Mootools框架開發(fā)的圖片和文本內(nèi)容幻燈片放映控件（Slideshow）。支持手動(dòng)與自動(dòng)播放兩種模式。

主頁:http://www.efectorelativo.net/laboratory/viewer/

下載:http://www.efectorelativo.net/laboratory/viewer/class.viewer.js.zip

示例:http://www.efectorelativo.net/laboratory/viewer/

27、Bumpbox

Bumpbox是一個(gè)基于Mootools開發(fā)的Lightbox控件。它可以自動(dòng)探測要展示的內(nèi)容類型，不需要預(yù)先指定。Bumpbox除了可以展示FLV、SWF、圖片和HTML內(nèi)容之外，還可以展示PDF文件。Bumpbox在展示FLV文件的時(shí)候，使用Flowplayer做為它的播放器。

主頁:http://www.artviper.net/bumpbox.php

下載:http://www.artviper.net/download/bumpbox.rar

示例:http://www.artviper.net/bumpbox.php

28、ImageCaption

ImageCaption是一個(gè)MooTools1.2+插件用于為頁面中的image元素添加帶邊框的標(biāo)題說明。邊框樣式可以自己定義。

主頁:http://sixrevisions.com/freebies/scripts/imagecaption-a-mootools-plugin-for-auto-captioning-images/

下載:http://downloads.sixrevisions.com/ImageCaption.zip

示例:http://sixrevisions.com/demo/imagecaption/ImageCaption.html

29、Floom

Floom是一個(gè)MooTools Slideshow插件，能夠以漂亮的方式展示圖片和它們的標(biāo)題。它以遮蔽（Blind）效果實(shí)現(xiàn)不同圖片之間的切換?？梢蚤_關(guān)標(biāo)題顯示，設(shè)置Slideshow間隔等。

主頁:http://blog.olicio.us/2009/07/25/floom/

下載:http://nouincolor.com/floom/1.0/Source/floom-1.0.js

示例:http://nouincolor.com/floom/1.0/Demos/

30、SexyLightBox

SexyLightBox比經(jīng)典的LightBox控件更漂亮，更輕量?？烧故救我鈨?nèi)容，且可選jQuery或Mootools框架。

主頁:http://www.coders.me/web-html-js-css/javascript/sexy-lightbox-2

下載:http://sexy-lightbox.googlecode.com/files/sexy-lightbox-2.3.4.zip

示例:http://www.coders.me/ejemplos/sexy-lightbox-2/jQuery/

最新評論