キーボードに対応したドロップダウンメニューを作れるYUIのモジュール「SimpleMenu」


yui
YUIのドロップダウンメニューにて、キーボードでのフォーカスに対応させる事が可能になったようです。SimpleMenu module というモジュールでYahooでの検索に使用するために作られたとの事。

IT/WEB業界への転職なら求人サイトGreen

以下のようなコードで簡単に実現できるようです。
html


YUI-Related Links

JavaScript

<script type="text/javascript" 
src="http://yui.yahooapis.com/combo?3.0.0/build/yui/yui-min.js&gallery-2010.02.10-01/
build/gallery-simple-menu/gallery-simple-menu-min.js"></script>
<script language="javascript">
YUI().use('gallery-simple-menu', function(Y) {
Y.one('#optionsmenu').plug(Y.Plugin.SimpleMenu);
});
</script>

css

#optionsmenucontainer {
left:-4500px;
position:absolute;
}
#optionsmenucontainer.menu-visible {
left:auto;
}

サイトではデモが紹介されています。
ユーザビリティーを強化させたい方は使ってみてはいかがでしょうか。

 

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

follow us in feedly