title: how to position an unordered list in a circle?
body: <p>I'd like to create a page like <a href="http://www.templatemonster.com/demo/44155.html" rel="nofollow">this</a> but I'm just learning javascript/jquery. I really like the menu,but i have no idea how to position the unordered menu list in a circle and then how to make the hover effect.</p>
  
  <p>Here's the html menu:</p>
  
  <pre><code>        &lt;nav&gt;
              &lt;ul&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Menu1&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Menu2&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Menu3&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Menu4&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Menu5&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Menu6&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/nav&gt;
  </code></pre>