URL:jQuery Corner

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

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


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

1. 「jquery.js」と「jquery.corner.js」を読み込み、cornerメソッドをコールします。

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

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

・jquery.jsのダウンロードはこちらから。
jQuery: The Write Less, Do More, JavaScript Library

2. HTMLを作成します。

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

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

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