Excellent JavaScript class Library-Rico
Apache License, a free use of dongdong.
Rico (http://openrico.org/) is an Open-source JavaScript class library used to create rich Internet applications.
1, you can easily make a very black rounded rectangle (a word can be done, should be the most cool point).
2, you can set the tab panel
3. Support Drag&drop
4, provide a Livegrid data table, support title sorting and page Splite
5, provide an AJAX engine, but directly with Proto, why use it, really do not know what the author think.
6, provide a color library, the default of some colors.
7, the main page is http://openrico.org/rico/home.page, less than two documents are E, a guide to use, one is the use of Livegrid Guide, (Yesterday tried to translate hundreds of words on the spit of blood, or to admire your adult translation)
8, have free time to try it, after all, the other people's program is still very hard (2666 lines) very good. Worth looking forward to
I think the best part about it is the drag layer management and rendering of the movie special effects, you can look at its online demo:http://openrico.org/demos.page
Because Rico is built on the prototype class library, you must refer to prototype when you use Rico:
<script type= "Text/javascript"
src= "Prototype.js" >
</script>
<script type= "Text/javascript"
src= "Rico.js" >
</script>
Here is an example of setting rounded rectangles: three elements <Div><span><table>
Need prototype and RICO libraries
The principle is to use JS will need to draw the area of rounded corners fill the background color
<! 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 '});//The first parameter is where you want the fillet to be specified, tl=topleft,br= Bottomright,all= all, and the second parameter specifies the background color.
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>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
