animate-menu/index.html at master · wacky/animate-menu · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <base href="./" target="_self">
    <title>animate menu #1</title>
    <link rel="stylesheet" type="text/css" media="screen" href="css/html5reset-1.6.1.css">
    <link rel="stylesheet" type="text/css" media="screen" href="css/style.css">
    <script src="js/jquery/core/jquery-1.7.1.min.js"></script>
    <script src="js/jquery/core/jquery.easing.1.3.js"></script>
    <script src="js/jquery/module/menu.js"></script>
  </head>
  <body>
  <div id="container">
    <h1>animate menu #1</h1>
    <nav>
    <ul id="global-menu">
      <li class="" id="plus"><a href="javascript:void(0);"><img src="images/plus.png" alt="plus"></a></li>
      <li class="menu" id="menu-1" data-y="175" data-x="0"><a href="javascript:void(0);"><img src="images/star.png" alt="menu-1"></a></li>
      <li class="menu" id="menu-2" data-y="165" data-x="55"><a href="javascript:void(0);"><img src="images/star.png" alt="menu-2"></a></li>
      <li class="menu" id="menu-3" data-y="140" data-x="105"><a href="javascript:void(0);"><img src="images/star.png" alt="menu-3"></a></li>
      <li class="menu" id="menu-4" data-y="100" data-x="140"><a href="javascript:void(0);"><img src="images/star.png" alt="menu-4"></a></li>
      <li class="menu" id="menu-5" data-y="50" data-x="165"><a href="javascript:void(0);"><img src="images/star.png" alt="menu-5"></a></li>
      <li class="menu" id="menu-6" data-y="0" data-x="175"><a href="javascript:void(0);"><img src="images/star.png" alt="menu-6"></a></li>
    </ul>
    </nav>
  </div>
  </body>
</html>