一個(gè)lightbox支持的內(nèi)容格式包括:圖片,F(xiàn)lash,視頻,mp3,html。
主頁(yè):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í)將展開整張圖片。
主頁(yè):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 。
主頁(yè):http://imago.codeboje.de/
下載:http://codeboje.de/downloads/imago_v07.zip
示例:http://codeboje.de/imago/samplegallery/
4、MooFlow
MooFlow是一個(gè)Javascript相冊(cè),樣式類似于蘋果的iTunes和Finder中的Cover Flow。
主頁(yè):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)的大圖片顯示出來。
主頁(yè):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采用底部彈出+碰撞+拖拽的效果。
主頁(yè):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ā),它在頁(yè)角上增加了向前/后退兩按紐并能夠用html來編寫描述說明。
主頁(yè):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)/輪播效果的控件。
主頁(yè):http://zendold.lojcomm.com.br/icarousel/
下載:http://zendold.lojcomm.com.br/icarousel/
示例:http://zendold.lojcomm.com.br/icarousel/
9、Slideshow 2!
Slideshow2!這個(gè)javascript工具能夠以幻燈片播放的效果展示一組圖片。
主頁(yè):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ā)的圖庫(kù)控件,提供7種不同的圖片播放方式。
主頁(yè):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更加便于使用。
主頁(yè):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ā)的開源相冊(cè)控件。
主頁(yè):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相冊(cè)控件。
主頁(yè):http://smoothgallery.jondesign.net/showcase/gallery/
下載:http://smoothgallery.jondesign.net/download/
示例:http://smoothgallery.jondesign.net/showcase/gallery/
14、Slideshow with Mootools
采用Mootools開發(fā)的圖片Slideshow控件。提供淡入淡出圖片切換效果,控制圖片播放、停止、向前、向后。
主頁(yè):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控件。
主頁(yè):http://reghellin.com/milkbox/
下載:http://www.reghellin.com/milkbox/milkbox2.2.1.zip
示例:http://reghellin.com/milkbox/#
16、UvumiTools Gallery
采用Mootools框架開發(fā)的相冊(cè)圖片展示插件。圖片加載進(jìn)度提醒,能夠按圖片大小自動(dòng)調(diào)整展示窗口大小,搜索引擎優(yōu)化,多瀏覽器支持( Firefox2&3、Internet Explorer6&7、Opera 9、Safari 3)。
主頁(yè):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片添加透明倒影效果。
主頁(yè):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。
主頁(yè):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程序。
主頁(yè):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控件。
主頁(yè):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)滾輪控制圖片切換。
主頁(yè):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)。支持水平與垂直方向。菜單容器的長(zhǎng)/寬能夠自動(dòng)調(diào)整。可以通過鼠標(biāo)移過或單擊展開/固定菜單,隨你設(shè)置。可以設(shè)置菜單默認(rèn)展開位置。支持Overflow。
主頁(yè):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,頁(yè)面HTML獲取需要顯示的內(nèi)容。
主頁(yè):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大圖片展示工具,特別適合于在相冊(cè)中使用。與其它LightBox控件相比它的不同之處在于:展開的圖片可以四周拖動(dòng)。可以同時(shí)打開多張圖片。更便于用戶找到導(dǎo)航按紐。
主頁(yè):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ū)域的顏色和透明度。
主頁(yè):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)播放兩種模式。
主頁(yè):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)探測(cè)要展示的內(nèi)容類型,不需要預(yù)先指定。Bumpbox除了可以展示FLV、SWF、圖片和HTML內(nèi)容之外,還可以展示PDF文件。Bumpbox在展示FLV文件的時(shí)候,使用Flowplayer做為它的播放器。
主頁(yè):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+插件用于為頁(yè)面中的image元素添加帶邊框的標(biāo)題說明。邊框樣式可以自己定義。
主頁(yè):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間隔等。
主頁(yè):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框架。
主頁(yè):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/
聲明:本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com