what is the RIA? just it…||咖啡兔jQuery插件

推荐：基于jQuery开发仿Google Calendar(jQuery Week Calendar)

咖啡兔 — Tue, 12 Jan 2010 08:17:56 +0000

jQuery Week Calendar

在open-open上发现的，试了一下很不错，对于日常开发中对计划安排或者对操作性要求较高的可以使用这个插件

目前开发的一个系统正好需要这样的功能所以推荐给大家

官网：http://www.redredred.com.au/projects/jquery-week-calendar/

Live Demo

The following live demonstration? has a basic calendar with a few events in it. It demonstrates most of the major functionality by triggering events that are displayed as messages in the top right hand corner of the screen.? More demos will? come soon…

Demo 1 (Basic)

Demo 1 shows basic calendar functionality. Calendar Events are supplied as a local javascript array. All triggered events are displayed as messages, calendar events in the past are shaded gray using the eventRender callback.

Demo 2 (Multi data-source and dynamic config options)

Demo 2 allows you to select from two different data sources. These are both local javascript objects but could just as easily have come from a remote server. The data returned includes an ‘options’ property which overrides the default calendar options for ‘timeslotHeight’ and ‘timeslotsPerHour’.

Demo 3 (Create / update / delete using jquery UI)

This demo shows the use of jquery ui modal dialog for creating, updating and deleting events. It also demonstrates the use of

Staggered overlapping events

Querying the calendar for valid timeslots for a date to populate calendar event form select fields

Limited display of timeslots based on business hours

声明:该日志由咖啡兔发表,你可以自由发表评论或转载到你的网站或博客。
转载请注明转自 what is the RIA? just it…||咖啡兔 ™
原始链接:http://www.wsria.cn/archives/762 | 推荐：基于jQuery开发仿Google Calendar(jQuery Week Calendar)

推荐：2009 年度最佳 jQuery 插件

咖啡兔 — Sat, 12 Dec 2009 12:43:54 +0000

jQuery 是个宝库，而 jQuery 的插件体系是个取之不竭的宝库，众多开发者在 jQuery 框架下，设计了数不清的插件，jQuery 的特长是网页效果，因此，它的插件库也多与 UI 有关。本文是 webdesignledger.com 网站推选的2009年度最佳 jQuery 插件。

拉洋片
在一个固定区域，循环显示几段内容，这种方式很像旧时的拉洋片，2009年，这种 Web 效果大行其道，jQuery 有大量与此有关的插件，以下插件无疑是最佳的。
AnythingSlider

由 CSS-Tricks 的 Chris Coyier 设计，功能齐全，应用十分广泛。
Easy Slider

这个 Content Slider 插件既包含传统“前后”导航模式，又包含页码式导航。
Coda-Slider 2.0

Coda-Slider 2.0 是对 Panic Coda 网站上对应效果的模仿。
图片库
那些需要借助 Flash 实现滑动与渐入渐出效果图片库的日子已经去过，借助 jQuery，这种效果已经可以在本地实现，以下是本年度备受欢迎的几个 jQuery 图片库插件。
Galleria

这是一个基于 jQuery 的图片库，可以逐个加载图片并显示缩略图。
jQuery Panel Gallery

一个可以高度定义的图片库插件，无需对单个图片进行任何处理，这个插件会帮你完成一切。
slideViewer

slideViewer 会检查你的图片列表中的编号，动态创建各个图片的页码浏览导航。
Supersized

一个令人惊讶的图片循环展示插件，包含各种变换效果和预加载选项，会对图片自动改变尺寸以适应浏览器窗口。
导航
我们相信，作为网站的导航系统，应该越简单，越易用越好，然而，假如你确实希望实现一些更炫的效果，jQuery 就是最好的选项，以下插件是09年最好的 jQuery 导航插件。
jquery mb.menu

Horizontal Scroll Menu with jQuery

AutoSprites

表单和表格
在 Web 设计中，表单和表格都是不是很讨人喜欢的东西，但你不得不面对，本年度出现几个不错的 jQuery 插件帮你完成这些任务。
Password Strength

这个插件帮你评估用户输入的密码是否足够强壮。
Ajax Fancy Capcha

顾名思义，一个支持 Ajax 又很炫的 jQuery Captcha 插件，它使用了很人性化的验证机制。
Chromatable

这个插件可以帮助你在表格上实现滚动条。
jqTransform

一个式样插件，帮助你对表单中的控件进行式样控制。
Uploadify

实现多个文件同时上传。
jExpand

一个很轻量的 jQuery 插件，使你的表格可以扩展，在一些商业应用中，可以让表格更容易组织其中的内容。

本文来源：http://webdesignledger.com/resources/the-best-jquery-plugins-of-2009
中文翻译来源：COMSHARP CMS 企业网站内容管理系统官方站

声明:该日志由咖啡兔发表,你可以自由发表评论或转载到你的网站或博客。
转载请注明转自 what is the RIA? just it…||咖啡兔 ™
原始链接:http://www.wsria.cn/archives/733 | 推荐：2009 年度最佳 jQuery 插件

[推荐]改进的提示插件-jQuery.hiAlerts.1.0

咖啡兔 — Mon, 27 Jul 2009 04:59:13 +0000

引用此版本修改者的话：

由于工作上需要，在jquery.Alerts基础上改进的一个插件，现在有提示框，确认框，输入框，弹出提示层，顶部浮动提示层5个效果，我重命名他为hiAlerts，hi表示招呼的意思，这个可能还要修改添加一些效果，所以暂定为1.0版吧

演示：http://www.cssrain.cn/demo/jquery.hiAlerts.1.0/demo.html

下载：jquery.hiAlerts.1.0.rar 共 416 次

之前用过一些类似的插件，感觉这个做的很简洁、实用，所以推荐给大家

声明:该日志由咖啡兔发表,你可以自由发表评论或转载到你的网站或博客。
转载请注明转自 what is the RIA? just it…||咖啡兔 ™
原始链接:http://www.wsria.cn/archives/659 | [推荐]改进的提示插件-jQuery.hiAlerts.1.0

【推荐】jQuery.plugin——对话框jquery.weebox.js

咖啡兔 — Wed, 25 Feb 2009 15:18:27 +0000

强烈推荐对话框插件jquery.weebox.js，本站开源账务管理系统中使用的对话框组件，各种形式的对话框：确认、成功、警告、错误等

…………

如下图的右下角：

账务管理系统(个人版)演示

图的右下角的框架就是使用的此插件，对话框中的树是使用的jquery.simpletree.js，我把这两个插件合成了一下，效果还不错O(∩_∩)O~

小插曲：当初开发系统寻找了整个jQuery插件库，左后选择了这一款，后来有问题就联系了作者，没有想到插件作者竟然和我同在一个软件园区(上海天地软件园)，世界真是小呀。

废话不多说了

演示地址：http://www.wsria.cn/demo/weebox/demo/weebox.html

At jQuery：http://plugins.jquery.com/project/weebox

下载：jquery.weebox.rar 共 1044 次

声明:该日志由咖啡兔发表,你可以自由发表评论或转载到你的网站或博客。
转载请注明转自 what is the RIA? just it…||咖啡兔 ™
原始链接:http://www.wsria.cn/archives/342 | 【推荐】jQuery.plugin——对话框jquery.weebox.js

jQuery.plugin——滚动条(连贯感觉)

咖啡兔 — Tue, 24 Feb 2009 14:35:06 +0000

在网上看到的滚动条插件，能够缓慢的从一个位置滚动到指定的锚点，给用户顺畅的感觉(用户体验的一部分)

演示地址：http://www.wsria.cn/demo/scrollto/scrollto_demo.htm

下载：jquery.scrollto.rar 共 374 次

声明:该日志由咖啡兔发表,你可以自由发表评论或转载到你的网站或博客。
转载请注明转自 what is the RIA? just it…||咖啡兔 ™
原始链接:http://www.wsria.cn/archives/324 | jQuery.plugin——滚动条(连贯感觉)

简单、实用的jquery.tab标签

咖啡兔 — Tue, 24 Feb 2009 11:48:47 +0000

jquery.tab

演示地址

下载：jquery.tab.rar 共 418 次

感谢jquery爱好者豪情激情奉献

声明:该日志由咖啡兔发表,你可以自由发表评论或转载到你的网站或博客。
转载请注明转自 what is the RIA? just it…||咖啡兔 ™
原始链接:http://www.wsria.cn/archives/303 | 简单、实用的jquery.tab标签

推荐jQuery插件系列——表单验证formValidator

咖啡兔 — Wed, 18 Feb 2009 11:41:13 +0000

在开发各种BS架构的系统时表单验证是每个系统、网站都要做的一件事情，在客户端拦截用户的输入、选择是否合法从而降低对服务端的压力也增加用户体验，一般来说都会简单的验证必输项是否为空，或者必选项是否已选择，复杂一点的比如在注册时实时验证用户名是否重复，如此等等

在开发账务管理系统的时候开始想使用自己在公司项目中写的一个验证方法，但是后来想想感觉功能太单调了，虽然能够满足系统的要求但是用户体验不好，所有的错误提示都是使用的alert的方式提示用户，而且没有实时验证的功能，最终放弃了；然后就在jQuery官网插件上搜索关于验证的插件，刚刚说的几个功能都得满足，找了几个最终选择了formValidator，下面是摘自插件官网上的：

本插件于其他校验控件最大的区别有3点：

1、校验功能可以扩展。
对中文、英文、数字、整数、实数、Email地址格式、基于HTTP协议的网址格式、电话号码格式、手机号码格式、货币格式、邮政编码、身份证号码、QQ号码、日期等等这些控制，别的表单校验控件是代码里写死的，而formValidator是通过外部js文件来扩展的，你可以通过写正则表达式和函数来无限的扩展这些功能。

2、实现了校验代码于html代码的完全分离。
你的所有信息都无需配置在校验表单元素上，你只要在js上配置你的信息。使美工（界面）和javascript工程师的工作不交织在一起

3、你只需写一行代码就能完成一个表单元素的所有校验。你只需要写一行代码就能完成一下所有的控制

支持所有类型客户端控件的校验

支持jQuery所有的选择器语法，只要控件有唯一ID和type属性

支持函数和正则表达式的扩展。提供扩展库formValidatorReg.js，你可以自由的添加、修改里面的内容。

支持2种校验模式。第一种：文字提示(showword模式)；第二种：弹出窗口提示(showalert模式)

支持多个校验组。如果一个页面有多个提交按钮，分别做不同得提交，提交前要做不同的校验，所以你得用到校验组的功能。

支持4种状态的信息提示功能，可以灵活的控制4种状态是否显示。第一种：刚打开网页的时候进行提示；第二种：获得焦点的时候进行提示；第三种：失去焦点时，校验成功时候的提示；第四种：失去焦点时，校验失败的错误提示。

支持自动构建提示层。可以进行精确的定位。

支持自定义错误提示信息。

支持控件的字符长度、值范围、选择个数的控制。值范围支持数值型和字符型；选择的个数支持radio/checkbox/select三种控件

支持2个控件值的比较。目前可以比较字符串和数值型。

支持服务器端校验。

支持输入格式的校验。

大家可以到formValidator 官网上去查看具体效果及其使用方法，也可以在晚上7点之后访问我在账务管理系统中的实际应用效果供大家参考

但是目前jQuery的版本更新到了1.3弃用了1.1和1.2版本中@写法，例如选择一个已选择的radio在1.1或者1.2版本中可以这样写：

1	alert($(":radio[@checked]").length);

但是在1.3中就不可以这样写，1.3的写法：

1	alert($(":radio:checked").length);

所以当我前段时间更新到1.3版本中就出现问题了，我上传一个我修改过的版本供大家下载:

下载：formValidator3.3 for jQuery1.3 共 315 次

声明:该日志由咖啡兔发表,你可以自由发表评论或转载到你的网站或博客。
转载请注明转自 what is the RIA? just it…||咖啡兔 ™
原始链接:http://www.wsria.cn/archives/214 | 推荐jQuery插件系列——表单验证formValidator

what is the RIA? just it…||咖啡兔jQuery插件

推荐精选3枚jQuery遮罩插件

第一枚：Fancybox

第二枚：FaceBox

第三枚：ColorBox

相关文章

推荐：基于jQuery开发仿Google Calendar(jQuery Week Calendar)

Live Demo

相关文章

推荐：2009 年度最佳 jQuery 插件

相关文章

[推荐]改进的提示插件-jQuery.hiAlerts.1.0

相关文章

【推荐】jQuery.plugin——对话框jquery.weebox.js

相关文章

jQuery.plugin——滚动条(连贯感觉)

相关文章

简单、实用的jquery.tab标签

相关文章

推荐jQuery插件系列——表单验证formValidator

相关文章