- jQuery Corner

「jQuery Corner」を使うと角丸を簡単に作成できます。

実際に「jQuery Corner」を使ったHAPPY*TRAPについてのページは、
このような感じになります。
※グレーのエリアを「jQuery Corner」を使って角丸にしています。


簡単に使い方を紹介します。

1. 「jquery.js」と「jquery.corner.js」の読み込み、cornerメソッドのコール

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.corner.js"></script>
<script type="text/javascript">
    $('.box').corner();
</script>

jquery.corner.jsのダウンロードはこちらから。

jquery.jsのダウンロードはこちらから。

2. HTMLを作成

<div class="box">
    hoge
</div>

これで、divボックスが角丸になります。

角丸の半径など細かくプロパティを指定できますので、
詳細は「jQuery Corner」のサイトを確認ください。