[JS]画像を使用して、divの矩形を角丸やグラフィカルにするスクリプト -DivCorners

画像を使用して、divの矩形を角丸やグラフィカルにするスクリプトを紹介します。

DivCorners
demo

角丸にするdivは入れ子にする必要がなく、下記のようにスクリプト側で配置する画像を設定します。

demo2のHTML

<div id="demo2a">demo2</div>

demo2のJavaScript

$("#demo2").dcCreate({
  imgPrefix: "demo/demo2-",
  fileType: ".png",
  expand: 10,
  radius: 22,
  position: "inside"
});

demo2のキャプチャ

DivCornersはjQueryのプラグインのため、実装にはjquery.jsが必要です。

Post on:2009年4月20日