This page requires a Javascript enabled browser
<< Back | Main Menu | FAQ | [?]

Elegant Menu

Stylish navigation menus with fade effects.

Local: CSS/JS files (add code to <HEAD> section):

1
2
3
4
5
6
7
8
<!-- DC Elegant Menu CSS -->
<link type="text/css" rel="stylesheet" href="dcodes/menus/elegant/css/dc_elegant_menu.css" />
<!-- jQuery Library (skip this step if already called on page ) -->
<script type="text/javascript" src="dcodes/jquery.min.js"></script> <!-- (do not call twice) -->
<!-- DC Elegant Menu JS -->
<script type="text/javascript" src="dcodes/menus/elegant/js/jquery-ui.min.js"></script>
<script type="text/javascript" src="dcodes/menus/elegant/js/DD_roundies_0.0.2a-min.js"></script>
<script type="text/javascript" src="dcodes/menus/elegant/js/dc_elegant_menu.js"></script>

Hosted: CSS/JS files (add code to <HEAD> section):

1
2
3
4
5
6
7
8
<!-- DC Elegant Menu CSS -->
<link type="text/css" rel="stylesheet" href="http://cdn.dcodes.net/2/menus/elegant/css/dc_elegant_menu.css" />
<!-- jQuery Library (skip this step if already called on page ) -->
<script type="text/javascript" src="dcodes/jquery.min.js"></script> <!-- (do not call twice) -->
<!-- DC Elegant Menu JS -->
<script type="text/javascript" src="http://cdn.dcodes.net/2/menus/elegant/js/jquery-ui.min.js"></script>
<script type="text/javascript" src="http://cdn.dcodes.net/2/menus/elegant/js/DD_roundies_0.0.2a-min.js"></script>
<script type="text/javascript" src="http://cdn.dcodes.net/2/menus/elegant/js/dc_elegant_menu.js"></script>

View code:

1
2
3
4
5
6
7
8
9
10
11
12
<!-- DC Elegant Menu Start -->
<div id="dc_elegant_menu">
  <ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">About</a></li>
    <li><a href="#">Portfolio</a></li>
    <li><a href="#">Recent projects</a></li>
    <li><a href="#">Contact me</a></li>
  </ul>
  <div class="dc_clear"></div>
</div>
<!-- DC Elegant Menu End -->


© TemplateAccess