skuare.netはJavaScriptライブラリのjQuery,mootools,prototypeのプラグインを中心にWebサイト構築に関する技術を試す個人サイトです

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でテキストなどを囲めば完成です。
jQueryベースの角丸javascript「jQuery Corner」サンプル

記事作成：2007年10月10日

前の記事：Movable Type 4.0.1 にバージョンアップ
次の記事：超手軽にレイアウトを作成するjavascript「Simple Layout Manager」