[JS]簡単に角丸のサイズの個別指定ができる超軽量のスクリプト -DD_roundies

DD_roundiesは、画像やテーブルなどを使用しないで、エレメントを角丸にする超軽量(4KB弱)のスクリプトです。

DD_roundies

使用方法は簡単で、「DD_roundies_0.0.1a-min.js」を外部ファイルで指定し、スクリプトでクラスやidごとに指定をします。

DD_roundies.addRule('.box', 10);
DD_roundies.addRule('.nav li a', 5);
DD_roundies.addRule('#morph', 10);

キャプチャの3つには「class="box"」が指定されており、2番目のグレーの各角丸はリスト要素となっています。

DD_roundiesはjQueryなどの他のスクリプトに依存せず単独で動作します。
対応ブラウザは、IE6/7, Fx3, Chrome 0.4となっています。
ラインセンスは、CC 3.0です。

Post on:2008年12月4日