ajax|ajax框架
优秀的JavaScript类库 - Rico
Apache License的，一个免费使用的东东。
Rico (http://openrico.org/)是开源的JavaScript类库，用来创建丰富的internet应用。
1、可以方便地制作很玄地圆角矩形（一句话就可以做一个，应该是最爽地一点）。
2、可以设置TAB面板
3、支持DRAG&DROP
4、提供一个LiveGrid的数据表格，支持Title Sorting和Page splite
5、提供一个Ajax引擎，不过直接用Proto就好了，何必用它，真不知道作者怎么想。
6、提供一个色彩库，默认一些色彩。
7、主页是http://openrico.org/rico/home.page，文档较少两篇是E文的，一个使用指南，一个是liveGrid的使用指南，（昨天试着翻译了几百个字就吐血了，还是佩服各位翻译大人）
8、有空就去试试吧，毕竟人家程序编得还很辛苦（2666行）很不错。值得期待
我觉得它最出色的地方就是托拽图层管理和渲染出的电影特效，可以看一下它的在线demo: http://openrico.org/demos.page
因为Rico是建立在Prototype类库之上的，所以你在使用Rico的时候必须对Prototype进行引用：
<script type="text/javascript"
src="prototype.js">
</script>
<script type="text/javascript"
src="rico.js">
</script>
下面是设置圆角矩形的例子：有三个元素<Div><span><table>
需要prototype和rico库
原理是用JS将需要画圆角的区域填充背景颜色
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>Test Corner</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script src="prototype-1.3.1.js"></script>
<script src="rico.js"></script>
</HEAD>
<body>
<div id="CornerDemos">hello,i am a Corner</div>
<br />
<span id="spanDemos">hello,i am a spanDemos,I can't show cornner perfect.</span>
<br />
<TABLE border="0" cellpadding="0" cellspacing="5">
<TR>
<TD id="tb1" bgcolor="#996600"> hello,i am a table Demos </TD>
<TD id="tb2" bgcolor="#996600"> hello,i am a table Demos </TD>
</TR>
<TR>
<TD id="tb3" bgcolor="#996600"> hello,i am a table Demos </TD>
<TD id="tb4" bgcolor="#996600"> hello,i am a table Demos </TD>
</TR>
</TABLE>
<script>
Rico.Corner.round( 'CornerDemos', {corners:'tl br',bgColor:'#ffffff'} );//第一个参数是指定需要圆角的地方，tl=topleft,br=bottomright,all＝全部，第二个参数指定背景颜色。
Rico.Corner.round( 'spanDemos', {corners:'all',bgColor:'#ffffff'} );
Rico.Corner.round( 'tb1', {corners:'tr bl',bgColor:'#ffffff'} );
Rico.Corner.round( 'tb2', {corners:'tr bl',bgColor:'#ffffff'} );
Rico.Corner.round( 'tb3', {corners:'tr bl',bgColor:'#ffffff'} );
Rico.Corner.round( 'tb4', {corners:'tr bl',bgColor:'#ffffff'} );
</script>
</BODY>
</HTML>
