YUI(Yahoo! UI Library)のButton

YUI Javascript

YUIのボタンをいじったのでメモ。
単にリッチボタンなだけです。
・Yahoo! UI Library: Button
http://developer.yahoo.com/yui/button/
(YUI bottonのインクルード)



<link rel="stylesheet" type="text/css" href="assets/skins/sam/button.css">

<link rel="stylesheet" type="text/css" href="main.css">

<script type="text/javascript" src="yui/yahoo-dom-event.js"></script>

<script type="text/javascript" src="yui/element-beta.js"></script>

<script type="text/javascript" src="yui/button.js"></script>

(javascript)



window.onload = function(){

	var oPushButton1 = new YAHOO.widget.Button("pushbutton1");

}
idをButtonクラスに指定する。↑
(html)


<body class="yui-skin-sam">

     <input type="button" id="pushbutton1" name="button1" value="richなボタン"/>

</body>