アンチエイリアス付きの角丸が簡単に設定できる「JQuery Curvy Corners」-JavaScript Library Archive

アンチエイリアス付きの角丸が簡単に設定できる「JQuery Curvy Corners」

配布元：Anti-aliased Rounded corners with JQuery
ライセンス：General Public License

JQuery Curvy CornersはcurvyCornersのjQuery版とも言えるJavaScriptライブラリでアンチエイリアス付きの角丸を簡単に設定することが可能だ。

head要素内などで、jQuery本体と配布サイトよりダウンロードしたjquery.curvycorners.min.jsを読み込みます。

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.curvycorners.min.js"></script>

次のように記述するだけで角丸にすることが出来ます。

$(function(){
	$('#example_1').corner();
});

「#example_1」の箇所が角丸にしたい要素に対応するCSSセレクターになるようにしてください。