角丸もグラデーションも付けてしまうJavaScript「Round Corners jQuery Plugin」

最近は角丸やグラデーションが多用されていますが作るのはなかなかの手間です。
JavaScriptのRound Corners jQuery Pluginを使用すると、そんな手間を省くことが出来ます。

sponsors

使用方法

Round Corners jQuery PluginからroundCorners.jQuery.jsをjQueryからjqueey.jsをダウンロードします。

<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="roundCorners.jQuery.js"></script>
<script>
$(document).ready(function(){
	$("#id名").bg(14);
});
</script>
上記を記述したら、あとはid名を書けば完成となります。
グラデーションやその他の指定の仕方はサンプルを参照ください。

サンプル

$("#round1").bg(14);
$("#round2").bg(null,['#CF3333', '#fff']);
$("#round3").bg(['12px','0','12px','0'],['#DFA200', '#00DF33']);

sponsors

Javascriptサンプルページ一覧
skuare.net