MochiKitで角丸

プログラム メモ

ポイントは３つ

  • id属性で指定の場合はroundElement()を、タグ名とclass属性で指定の場合はroundClass()を用いる
  • addLoadEvent()を使ってonload時に呼び出さないと動かない
  • 該当のタグにcssのwidthとかheightとかを指定すると崩れる

本家リファレンス:MochiKit.Visual: A Simple To Understand Interface - Mochikit.com

<html>
<head>
<title>MochiKitで角丸</title>
<script type="text/javascript" src="js/MochiKit/MochiKit.js"></script>
<script>
var roundCorners = function(){
      roundElement("header");
      roundClass("h3");
    }

addLoadEvent(roundCorners);
</script>
</head>
<body>
<div id="header" style="background:#cccccc">こんにちはこんにちは！</div>
<h3 style="background:#336699">こんにちはこんにちは！</h3>
</body>
</html>