書式
new Rico.Effect.Round(element, className, options)element : ページ上のエレメント
className : クラス名
options : オプション【省略可能】
説明
【パラメータ】
| compact | 小さい角丸にするかどうか（true : する、false : しない） |
|---|---|
| blend | 角丸部分を背景色とブレンドするか（true : しない、false : する） |
| corners | 角丸にするコーナー（top, bottom, tr bl, tl br） |
| color | 角丸部分の色 |
| border | 枠の色 |
Ajaxライブラリ リファレンスサンプルコード [実行]
<html><head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
<link rel="stylesheet" href="main.css" type="text/css" media="all">
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="rico.js"></script>
<script type="text/javascript"><!--
window.onload = function (){
new Rico.Effect.Round("div", "rRect", {corners:"top"} );
}
// --></script>
</head>
<body>
<h1>角丸四角形のクラスを作成</h1>
<div id="box1" class="rRect">Ricoサンプル</div>
<div id="box2" class="rRect">Ricoサンプル</div>
<div id="box3" class="rRect">Ricoサンプル</div>
</body>
</html>