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

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

｜ ｜ ｜ ｜ ｜ ｜ ｜

最近は角丸やグラデーションが多用されていますが作るのはなかなかの手間です。
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日

前の記事：mootoolsでも画像をめくるように遷移させるJavaScript「mooStack」
次の記事：魅せる画像スライドショーJavaScript「jQuery GalleryView」