IEでも大丈夫な、角丸にするJavaScript
ひとつ前の記事で書いた角丸にするスクリプト、便利なのですがIE6に対応してないのでお仕事で使うには微妙・・・と思っていたら、Internet Explorerでも大丈夫なスクリプトを発見しました!
↓こちらです。
CurvyCorners - Beautiful rounded corners for your HTML boxes
一応、使い方もメモ。
<script type="text/JavaScript" src="curvycorners.js"></script>
JavaScriptを読み込んで、
コーナーのサイズと、角丸にするオブジェクト(idやclass)を指定します。
かんたん!
ボーダー、背景画像などにも対応。使いやすいです。
試してみたら、確かにIE6でも大丈夫でしたよ!
↓こちらです。
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でも大丈夫でしたよ!
Comment
コメントを投稿