配布元: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セレクターになるようにしてください。