Yahoo! UI Library Menuのメモ。
Yahoo! UI Library: Menuにあるサンプルのコードをもとにいろいろ試したのですが、最初はうまくメニュー(MenuBar)が表示されませんでした。
<body class="yui-skin-sam">のようにして、とりあえず表示されたサンプルをメモします。
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title> </title>
<link rel="stylesheet" type="text/css" href="js/yui/menu/assets/skins/sam/menu.css">
<script type="text/javascript" src="js/yui/yahoo-dom-event/yahoo-dom-event.js"></script>
<script type="text/javascript" src="js/yui/container/container_core-min.js"></script>
<script type="text/javascript" src="js/yui/menu/menu-min.js"></script>
<script type="text/javascript">
YAHOO.util.Event.onContentReady("basicmenu", function () {
var oMenuBar = new YAHOO.widget.MenuBar("basicmenu", { autosubmenudisplay: true, hidedelay: 750, lazyload: true });
oMenuBar.render();
});
</script>
</head>
<body class="yui-skin-sam">
<div id="basicmenu" class="yuimenubar yuimenubarnav">
<div class="bd">
<ul class="first-of-type">
<li class="yuimenubaritem first-of-type">
<a class="yuimenubaritemlabel" href="http://mail.yahoo.com">Yahoo! Mail</a>
<div class="yuimenu">
<div class="bd">
<ul>
<li class="yuimenuitem"><a class="yuimenuitemlabel" href="http://360.yahoo.com">360</a></li>
</ul>
</div>
</div>
</li>
<li class="yuimenubaritem first-of-type">
<a class="yuimenubaritemlabel" href="http://addressbook.yahoo.com">Yahoo! Address Book</a>
</li>
<li class="yuimenubaritem first-of-type">
<a class="yuimenubaritemlabel" href="http://calendar.yahoo.com">Yahoo! Calendar</a>
</li>
<li class="yuimenubaritem first-of-type">
<a class="yuimenubaritemlabel" href="http://notepad.yahoo.com">Yahoo! Notepad</a>
</li>
</ul>
</div>
</div>
</body>