[JS]画像を使用して、divの矩形を角丸やグラフィカルにするスクリプト -DivCorners
Post on:2009年4月20日
sponsors
画像を使用して、divの矩形を角丸やグラフィカルにするスクリプトを紹介します。
角丸にするdivは入れ子にする必要がなく、下記のようにスクリプト側で配置する画像を設定します。
demo2のHTML
|
1 2 3 |
<textarea name="code" class="html" cols="60" rows="5"> <div id="demo2a">demo2</div> </textarea> |
demo2のJavaScript
|
1 2 3 4 5 6 7 8 9 |
<textarea name="code" class="js" cols="60" rows="5"> $("#demo2").dcCreate({ imgPrefix: "demo/demo2-", fileType: ".png", expand: 10, radius: 22, position: "inside" }); </textarea> |
demo2のキャプチャ
DivCornersはjQueryのプラグインのため、実装にはjquery.jsが必要です。
sponsors
