Total members 11894 |It is currently Thu Nov 21, 2024 7:44 pm Login / Join Codemiles

Java

C/C++

PHP

C#

HTML

CSS

ASP

Javascript

JQuery

AJAX

XSD

Python

Matlab

R Scripts

Weka





develop navigation menu using JQueryUI so fast.
javascript code
<html>
<head>
<title>navigation Menu</title>

<!--
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
Note you can download the JQuery package instead of using Google version. -->
<script src="jquery-1.8.3.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />
<script>
$(function() {
$( "#navigationMenu" ).menu();
});
</script>
<style>
.ui-menu { width: 250px; }
</style>
</head>
<body>

<ul id="navigationMenu">
<li class="ui-state-disabled"><a href="#">Close</a></li>
<li><a href="#">Home</a></li>
<li><a href="#">Lastest Posts</a></li>

<li>
<a href="#">Programming Languages</a>
<ul>
<li ><a href="#">C++</a></li>
<li><a href="#">Java</a></li>
<li><a href="#" class="ui-state-disabled">ASP</a></li>
</ul>
</li>
<li><a href="#">Contact Us</a></li>
<li>
<a href="#">Related</a>
<ul>
<li>
<a href="#">XXXX</a>
<ul>
<li><a href="#">YYY</a></li>
<li><a href="#">YYY</a></li>
<li><a href="#">YYY</a></li>
</ul>
</li>
<li>
<a href="#">ZZZZZ</a>
<ul>
<li><a href="#">BBBB</a></li>
<li><a href="#">BBBB</a></li>
<li><a href="#">BBBB</a></li>
</ul>
</li>
<li><a href="#">NNNNN</a></li>
</ul>
</li>

</ul>


</body>
</html>




_________________
M. S. Rakha, Ph.D.
Queen's University
Canada


Author:
Mastermind
User avatar Posts: 2715
Have thanks: 74 time
Post new topic Reply to topic  [ 1 post ] 

  Related Posts  to : navigation menu using JQuery
 Array element navigation     -  
 How can i add a menu ?     -  
 usage of menu tag     -  
 Menu Style Button     -  
 Creating Menu Button     -  
 Skymiles v1.1 Menu buttons     -  
 MenuBar,Menu,MenuItem,CheckboxMenuItem Example     -  
 Javascript select menu validation issue     -  
 Show sidebar main menu with scroll down in the web page     -  
 Validation of php drop down menu of months,days and years     -  



Topic Tags

JQuery UI






Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
All copyrights reserved to codemiles.com 2007-2011
mileX v1.0 designed by codemiles team
Codemiles.com is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com