Tweet｜ ｜ ｜ ｜

[ 1分で読めて簡単導入できます]

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

使用方法
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名を書けば完成となります。
グラデーションやその他の指定の仕方はサンプルを参照ください。

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

記事作成：2009年03月29日