• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

此日志收集一些AJAX框架的资料_jquery

jquery 搞代码 7年前 (2018-06-12) 122次浏览 已收录 0个评论

优秀的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 style=”padding-top:5px;padding-bottom:5px;background:#999999;” id=”CornerDemos”>hello,i am a Corner</div>
<br />
<span style=”background:#999999;” 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>

 

欢迎大家阅读《此日志收集一些AJAX框架的资料_jquery,跪求各位点评,若觉得好的话请收藏本文,by 搞代码


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:此日志收集一些AJAX框架的资料_jquery
喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址