jQueryベースの角丸javascript「jQuery Corner」

角丸を作成できるjavascriptは多いですが、ここまで角の形の種類が多いのも珍しいかもしれません。
jQuery Cornerの基本角は8種類と豊富です。

使用方法

jQuery Cornerからjquery.corner.jsをjQueryからjquery.jsをダウンロードします。

<script src="http://yourdomain/jquery.js" type="text/javascript"></script>

<script src="http://yourdomain/jquery.corner.js" type="text/javascript"></script>

<script type="text/javascript">

$(function(){

		$("class名").corner()

  });

</script>

あとは指定したclasssでテキストなどを囲めば完成です。

サンプル

Rounded Corners

$(this).corner("round");

Beveled Corners

$(this).corner("bevel");

Notched Corners

$(this).corner("notch");

Dog-ear Corners

$(this).corner("dog");

Bite Corners

$(this).corner("bite");

Sharp Corners

$(this).corner("sharp");

Sculpt Corners

$(this).corner("sculpt");

Frayed Corners

$(this).corner("fray");

Dog-ear TR Corner

$(this).corner("dog tr");

Javascriptサンプルページ一覧

skuare.net