jQueryベースの角丸javascript「JQuery Curvy Corners」
2007
11/15
要素の角を丸く表示するページが増加しています。
JQuery Curvy Cornersでは、以前紹介した角丸作成javascript「curvyCorners」をjQueryベースに移植しています。

使用方法
JQuery Curvy Cornersからjquery.curvycorners.packed.jsをjQueryからjquery.js(v1.2)をダウンロードします。
<script src="http://yourdomain/jquery.js" type="text/javascript"></script>
<script src="http://yourdoamin/jquery.curvycorners.packed.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$('要素名').corner();
});
</script>
上記のように記述したら角丸を施したいタグに指定した要素を付与すれば完成です。
オプション
・tl: { radius: 16 } //左上
・tr: false //右上
・bl: false //左下
・br: { radius: 16 } //右下
・antiAlias: true //アンチエイリアス
・autoPad: true //オートパディング
jQueryベースの角丸javascript「JQuery Curvy Corners」サンプル
前の記事:「jQuery Plugins」開設
次の記事:「mootools Plugins」開設
コメント投稿
jQueryベースの角丸javascript「JQuery Curvy Corners」に関するコメントはまだありません。
ご遠慮なくコメントしてください。
この記事へのトラックバック:
トラックバック一覧
![[mootools]Slide Show](http://www.skuare.net/test/mootools/slide.gif)

![[prototype]Place Rich Editor](http://www.skuare.net/test/prototype/richedit.gif)
![[prototype]DateChooser](http://www.skuare.net/test/prototype/datech.gif)