@HTML
</pre>
<input type="button" id="menutoggle" type="button" value="Show Menu">
<script src="http://www.google.com/jsapi" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
var gg_yui = '2.7.0';
var gg_loader;
google.load('yui', gg_yui);
function Google_yui_init() {
   gg_loader = new YAHOO.util.YUILoader({
      require: ["menu"],
      base: "http://ajax.googleapis.com/ajax/libs/yui/"+gg_yui+"/build/",
      onSuccess: function() {
         yui_menu_sample();
      }
   });
   gg_loader.insert();
}
google.setOnLoadCallback(Google_yui_init);

function yui_menu_sample() {
   var oMenu = new YAHOO.widget.Menu("basicmenu", { fixedcenter: true });
   oMenu.render();
   YAHOO.util.Event.addListener("menutoggle", "click", oMenu.show, null, oMenu);
}
</script>

<div class="yui-skin-sam"><div id="basicmenu" class="yuimenu" style='position:absolute;visibility: hidden;'>    <div class="bd">        <ul class="first-of-type">            <li class="yuimenuitem"            ><a               class="yuimenuitemlabel"               href="http://www.yahoo.co.jp/"               target="_blank">Yahoo! JAPAN</a></li>            <li class="yuimenuitem"            ><a               class="yuimenuitemlabel"               href="http://dailynews.yahoo.co.jp/fc/"               target="_blank">Yahoo!ニュース - トピックス</a></li>            <li class="yuimenuitem"            ><a               class="yuimenuitemlabel"               href="http://weather.yahoo.co.jp/weather/"               target="_blank">Yahoo!天気情報</a></li>        </ul>                </div></div></div>
<pre>
@HEND