overly menu

メニューが上からふわっと落ちてくるpluginを作成しました。

デモ

使い方

htmlファイルの<head>内に以下を記述

inedex.html

<head>
  <link rel="stylesheet" href="style/jquery.overly.min.css" />
  <script src="javascript/jquery.overly.js"></script>
</head>

</body>の直前に以下を記述

inedex.html

<script>
  $(function() {
    $('#overly_menu').overly_menu();
  });
</script>

オプション

'speed': 上から降りてくる速さ
'color': メニューの背景の色
'opacity': メニューの背景の透明度
'style': メニューの並び方
'hover': メニューにmouseoverした時の挙動

デフォルト設定

inedex.html

$(function() {
  $('#overly_menu').overly_menu({'speed': 300,
    'color': 'rgba(0, 0, 0, 0.8)',
    'opacity': 0.8,
    'style': 'list',
    'hover', 'font-size'
  });
});

Download .zip(mac)
source(github)

要望やbugがあればコメントやissue、プルリクからお願いします。
まだまだ開発途中なので、使いづらいところも多いと思いますがよろしくお願いします！