[JS]簡単に角丸のサイズの個別指定ができる超軽量のスクリプト -DD_roundies
Post on:2008年12月4日
sponsors
DD_roundiesは、画像やテーブルなどを使用しないで、エレメントを角丸にする超軽量(4KB弱)のスクリプトです。
使用方法は簡単で、「DD_roundies_0.0.1a-min.js」を外部ファイルで指定し、スクリプトでクラスやidごとに指定をします。
|
1 2 3 4 5 |
<textarea name="code" class="html" cols="60" rows="5"> DD_roundies.addRule('.box', 10); DD_roundies.addRule('.nav li a', 5); DD_roundies.addRule('#morph', 10); </textarea> |
キャプチャの3つには「class="box"」が指定されており、2番目のグレーの各角丸はリスト要素となっています。
DD_roundiesはjQueryなどの他のスクリプトに依存せず単独で動作します。
対応ブラウザは、IE6/7, Fx3, Chrome 0.4となっています。
ラインセンスは、CC 3.0です。
sponsors
