2009/12/03

IEでも大丈夫な、角丸にするJavaScript

ひとつ前の記事で書いた角丸にするスクリプト、便利なのですがIE6に対応してないのでお仕事で使うには微妙・・・と思っていたら、Internet Explorerでも大丈夫なスクリプトを発見しました!

↓こちらです。
CurvyCorners - Beautiful rounded corners for your HTML boxes

一応、使い方もメモ。

<script type="text/JavaScript" src="curvycorners.js"></script>

JavaScriptを読み込んで、

<script type="text/JavaScript">
addEvent(window, 'load', initCorners);
function initCorners() {
var settings = {
tl: { radius: 10 },
tr: { radius: 10 },
bl: { radius: 10 },
br: { radius: 10 },
antiAlias: true
}
curvyCorners(settings, "#myBox");
}
</script>

コーナーのサイズと、角丸にするオブジェクト(idやclass)を指定します。
かんたん!

ボーダー、背景画像などにも対応。使いやすいです。
試してみたら、確かにIE6でも大丈夫でしたよ!

ahkslog  ©Template Blogger Green by Dicas Blogger.

TOP