Archive for the ‘MooTools’ Category

2009. 09. 4

30个js画廊组件和教程

jQuery插件

Galleriffic | Demo

2009. 08. 20

16个SNS网站常用JS组件

1. Facebook jQuery聊天框。

Facebook本身有一个不错的IM软件,这个组件教你怎么模仿faceback的样式实现一个在线聊天框。

2009. 07. 3

7个简易网页效果mootools插件

脚本的最大优点就是仅仅一小段巧妙就可以极大地提升网站的用户体验,得意于Mootools开发社区非常擅长于开发一些专业的高质量插件,我今天可以收集到一些值得在网站设计中使用的插件,他们可以帮助你提高网站用户体验到一个新的层次,当前前提是你喜欢mootools。
引文原文:http://davidwalsh.name/7-mootools-plugins
AutoGrow
我很确信文本域和文本框都应该提供一个可以自动放大的效果,AutoGrow 可以让文本域的大小自动的渐变,这样你即便输入很多容内也可以在文本域内完整的看到所有内容。
Download && DEMO 

FancyForm
FancyForm 是checkbox增强插件,用来替换表单中奇丑的checkbox和radio,FancyForm 的样式完全由css控制。
Website & Download Documentation Example Usage
 

Milkbox
图片丰富的网站都少补了一个好的灯箱效果(更多的灯箱效果可以猛点这里:http://jsssc.cn/30-useful-ajax-lightbox-and-modal-dialog-solutions/)插件,Milkbox包含了实现所有灯箱效果的脚本,它可以轻松实现各种经典的渐变效果到页面元素上,经常用在flash视频,图片集,xml画廊。
Website, Download, Documentation, & Example Usage
 
Quickboxes
不要让用户一个亿个去点击很多的复选框,Quickboxes允许通过点击并拖动来同时选中多个复选框,只需点击其中一个然后拖动鼠标,有鼠标经过的复选框都可以被选中(也可以设置成切换选中状态),有时候你的用户可能需要选中复选框中的一部分而已, Quickboxes可以帮你忙。
Website & Download Documentation Example Usage
 
SmoothScroll
SmoothScroll可以让页面缓缓地移动到指定的锚点,从而可以代替默认的跳动效果。
Website & Download Documentation Example Usage
 

Tips
Tips是用来代替默认的提示title的效果,它帮你创建富有质感的提示框。
Website & Download Documentation Example Usage
 

ZebraTables
ZebraTables 帮你实现表格的隔行换色、单击变色、鼠标滑过变色效果。
Website & Download Documentation Example Usage
本文链接:http://jsssc.cn/7-mootools-plugins
本站所有文章,除特别标明外,皆为原创。如需转载,请保留本说明文字并以链接的形式保留本文链接和出处:
转载自:7个网页效果mootools插件| 路可

2009. 06. 21

30个实用的ajax灯箱和模态窗口解决方案

 
1. Lightbox2

 Lokesh Dhakar完成的一个非常流行的灯箱效果插件,它基于prototype 和scriptaculous 框架,不过只支持图片集展示。
 
2. Lightbox Gone Wild

Lightbox Gone Wild的灵感来自lightbox,除了图片它还支持展示表单和html片段.,基于 prototype 和scriptaculous.
3. Colorbox

基于CSS和Jquery实现的轻量级可定制的灯箱插件,它支持图片,图片集,ajax,html片段,iframe内容。
4. Fancybox

展示图片集、html片段和多媒体信息,基于jQuery。
5. jQuery Lightbox Plugin

跟第一个介绍的灯箱效果类似的插件,不过它是基于jQuery。
6. prettyPhoto

也是Jquery灯箱插件,支持更多的多媒体格式。
7. Litebox

基于 moo.fx 和prototype.lite的轻量级灯箱插件。
8. Thickbox

类似 lightbox2的效果,但是他在显示内容、iframe、后台输出的内容上有更多的优点,Jquery插件。
9. Slightly Thickerbox

与thickbox效果类似,添加了next和previous按钮用来展示图片。
10. Slimbox

终极轻量级Jquery灯箱效果解决方案。
11. LightView

基于prototype和scriptaculous。 支持多种格式的多媒体信息。
12. jQuery Dialog

jQuery UI 也包含了对话框组件,不过它看起来更像类似表单的对话框,你可以修改成自己需要的样式。
13. Prototype Window

基于 prototype的对话框插件。
14. MochaUI

MochaUI 是基于mootools的UI框架。
15. Facebox

jQuery模态窗口插件,它支持图片、div、远程页面.
16. Boxy

类似Facebox , 支持拖拽和拉伸过渡动画。
17. ModalBox

模态窗口插件,基于 prototype and scriptaculous.
18. Shadowbox

支持绝大多数的媒体格式,可以通过CSS定制风格,独立的javascript解决方案。
19. LightWindows

一个综合的灯箱插件,可以让你在窗口中内嵌图片、视频、firam、flash等等。
20. SimpleModal

又一个 jQuery 模态窗口插件。
21. jqModal

22. Multibox

支持图片、flash、视频、mp3、html片段,基于 mootools。
23. Greybox

可以用来展示网站、图片集等,没有依赖其他ajax框架。
24. Highslide

提供快速平滑的图片展示效果,支持多种格式的内容比如 html,ajax,iframe和flash.
25. Sexybox

还有下面的这些解决方案:
灯箱效果:
VisualLightbox
WebGalleryCreator
Wordpress的灯箱插件:
Lightbox2
jQuery Lightbox
Shadowbox
Flexible [...]

2009. 06. 10

14个华丽的javascript图表资源和插件

  最近我分享一许多css/jquery 有用的资源,这里我将介绍一些用于构建华丽图表的javascript资源和插件,图表是展示数据最有效的方式。
  建立一张图表有很多不同的方法,比如falsh、javascript、css,或者一些服务端语言php、asp等,下面介绍图表都是通过javascript实现。

1. Creating accessible charts using canvas and jQuery
 

这篇文章教你怎么利用 fgCharting(一个jQuery插件)把html的表格转换成一个流行风格的图标、曲线图,这个插件支持很多类型的图标,比如线形、线形填充、线形叠加、叠加的填充线条、饼状图、条状图、叠加的饼状图等。
2. Emprise JavaScript Charts

JavaScript Charts支持很多特性而且有非常完善的开发文档,当时仅仅个人用户才能免费使用。
3. Flot

Flot是一款纯基于jQuery的纯Javascript 库. 它关注的是提供一些简单的应用(所有选项都是可选的)), 引人瞩目的效果和一些比如缩放图片、鼠标跟踪的特性。
4. Canvas Pie Chart with Tooltips

This Mootools pie chart class is based on Stoyan Stefanov’s Canvas Pie.The code now requires less html markup than the original.
5. jQuery Google Charts

6. jQuery Sparklines

 jQuery插件,直接通过HTML或者 javascript提供数据来构建一些小型图表 .
7. moochart

moochart基于 MooTools 1.2, 在 [...]

2009. 05. 28

23个实用Javascript Tab导航插件

   实现tab页很多方法,有一些是用纯CSS实现,其他大多数是基于jquery、mootools或者其他js框架实现,既然有这么多可以拿来即用的插件,又何苦重复造轮子。
 
Jquery插件
1.jQuery UI Tabs

这个tab脚本已经绑定在jqueryUI库里,它有很多的配置项,比如你可以配置出可以滚动的tab,tab嵌套等等。
 
2. jQuery idTabs

idTabs可以让你在网页中轻松地加入tab页,而且它还可以对它进行无穷无尽扩展。
 
Mootools插件
 
3.MooTabs

Mootabs是mootools1.1实现的一个微型插件,可以通过ajax来加载tab。
4.Pluggable MooTools Tabs

 
5.Sliding Tabs

Sliding Tabs也是基于mootools1.1实现的,如果你是在使用mootools1.2你应该看看下面这个。
 
6.Perspective Tabs

Perspective Tabs是一款简易的mootools插件,它可以再小空间里放下很多tab卡,而且可以滑动。
 
7.MorphTabs

仅支持mootools1.2+。
 
8.Accessible Ajax Tabs with MooTools

 
基于其他JS框架实现的tab
 
9.Yetii

 
10.DOMTab

11. JavaScript Tabifier

 
12.dhtmlxTabber

 
13.Tabtastic

 
14.Kollermedia Tab Menu

 
15.Ajax Project – Tabbed Page Interface

 
16.XP Style Tab Panes

 
17.Ajax Tabs Content Script from Dynamic Dr

 
18.DD Tab Menu from Dynamic Drive

 
19.DOM dynamic Tabs

 
20.Tab Pane

 
21.SimpleTabs by Komrade

 
22.Yahoo UI Library: TabView

 
23.Advanced Tabs from EXT JS

 

本站文章如无特殊说明均为原创,转载的朋友请保留文章链接和出处:
本文链接:http://jsssc.cn/23-useful-javascript-tab-navigation-scripts/
出处:路可